@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800&family=Playfair+Display:wght@700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0f1e;--bg2: #111827;--card: #1a2235;--card-hover: #1e2a40;--border: rgba(255,255,255,.08);--primary: #e8a020;--primary-light: #f5b942;--text: #f0f4ff;--text-muted: #8896b0;--success: #22c55e;--error: #ef4444;--input-bg: #0f1829}html,body{height:100%;background:var(--bg);color:var(--text);font-family:Be Vietnam Pro,sans-serif;-webkit-font-smoothing:antialiased}#app{min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:#2d3f5a;border-radius:3px}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 0%,#1a2a4a,#0a0f1e 60%);padding:2rem}.login-logo{text-align:center;margin-bottom:3rem}.login-logo h1{font-family:Playfair Display,serif;font-size:2rem;color:var(--primary);letter-spacing:.02em}.login-logo p{color:var(--text-muted);font-size:.85rem;margin-top:.4rem}.profiles-title{font-size:1.4rem;font-weight:600;color:var(--text);margin-bottom:2rem;text-align:center}.profiles-grid{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;margin-bottom:2.5rem}.profile-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:transform .2s ease}.profile-card:hover{transform:scale(1.08)}.profile-card:hover .profile-avatar{border-color:var(--text)}.profile-card:hover .profile-name{color:var(--text)}.profile-avatar{width:88px;height:88px;border-radius:12px;border:3px solid transparent;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;transition:border-color .2s;position:relative;overflow:hidden}.profile-avatar.selected{border-color:var(--primary)!important}.profile-name{font-size:.85rem;color:var(--text-muted);font-weight:500;text-align:center;max-width:100px;transition:color .2s}.profile-edit-btn{position:absolute;top:4px;right:4px;width:22px;height:22px;background:#0009;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;opacity:0;transition:opacity .2s}.profile-card:hover .profile-edit-btn{opacity:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-box{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:2rem;width:100%;max-width:360px;text-align:center}.modal-avatar{width:72px;height:72px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;margin:0 auto 1rem}.modal-name{font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.input{width:100%;height:44px;padding:0 1rem;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s}.input:focus{border-color:var(--primary)}.input::placeholder{color:var(--text-muted)}textarea.input{height:auto;padding:.75rem 1rem;resize:vertical}.btn{height:44px;padding:0 1.5rem;border:none;border-radius:8px;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:var(--primary);color:#000}.btn-primary:hover{background:var(--primary-light)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{background:var(--card-hover);color:var(--text)}.btn-danger{background:#7f1d1d;color:#fca5a5;border:1px solid #ef4444}.btn-danger:hover{background:#991b1b}.btn:disabled{opacity:.4;cursor:not-allowed}.app-header{background:var(--bg2);border-bottom:1px solid var(--border);padding:0 1.5rem;height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.app-header-left{display:flex;align-items:center;gap:1rem}.app-logo{font-family:Playfair Display,serif;font-size:1.1rem;color:var(--primary)}.app-subtitle{font-size:.75rem;color:var(--text-muted)}.user-chip{display:flex;align-items:center;gap:.5rem;background:var(--card);border:1px solid var(--border);border-radius:999px;padding:.3rem .8rem .3rem .4rem;cursor:pointer;transition:background .2s}.user-chip:hover{background:var(--card-hover)}.user-chip-avatar{width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.user-chip-name{font-size:.8rem;font-weight:500}.main{padding:1.5rem;max-width:1200px;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.page-title{font-size:1.4rem;font-weight:700}.page-sub{font-size:.8rem;color:var(--text-muted);margin-top:.2rem}.table-wrap{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}table{width:100%;border-collapse:collapse}thead tr{background:#ffffff08}th{padding:.75rem 1rem;text-align:left;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border)}tbody tr{border-bottom:1px solid var(--border);transition:background .15s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#ffffff05}td{padding:.8rem 1rem;font-size:.85rem;color:var(--text)}.hs-code{font-family:monospace;font-size:.85rem;color:var(--primary);font-weight:600}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.72rem;font-weight:600}.badge-success{background:#22c55e26;color:#86efac}.badge-warn{background:#eab30826;color:#fde047}.badge-default{background:#ffffff14;color:var(--text-muted)}.form-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:40;display:flex;align-items:flex-start;justify-content:center;padding:1rem;overflow-y:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.form-box{background:var(--bg2);border:1px solid var(--border);border-radius:16px;width:100%;max-width:680px;margin:auto}.form-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.form-header h2{font-size:1rem;font-weight:700}.form-body{padding:1.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:600px){.form-grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group.full{grid-column:1 / -1}.form-label{font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.form-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;gap:.75rem;justify-content:flex-end}.tp-table{width:100%;border-collapse:collapse;margin-top:.5rem}.tp-table th,.tp-table td{padding:.5rem;font-size:.82rem;border:1px solid var(--border)}.tp-table th{background:#ffffff0a;font-weight:600;color:var(--text-muted)}.tp-table input{background:transparent;border:none;color:var(--text);font-family:inherit;font-size:.82rem;width:100%;outline:none}.tp-table input:focus{color:#fff}@media print{body{background:#fff!important;color:#000!important}.no-print{display:none!important}.print-area{display:block!important;position:static!important;background:#fff;color:#000;font-family:Times New Roman,serif;font-size:12pt;padding:1cm 1.5cm}}.print-area{display:none;background:#fff;color:#000;font-family:Times New Roman,serif;font-size:12pt;padding:1cm 1.5cm;min-height:29.7cm;width:21cm}.action-btn{width:30px;height:30px;border:none;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s;background:transparent}.action-btn:hover{background:#ffffff14}.action-btn.view{color:#60a5fa}.action-btn.edit{color:#fbbf24}.action-btn.print{color:#34d399}.action-btn.del{color:#f87171}.search-bar{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.search-input-wrap{position:relative;flex:1;min-width:200px}.search-input-wrap .icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-input-wrap input{padding-left:2.5rem}.empty-state{padding:4rem 1rem;text-align:center;color:var(--text-muted)}.empty-state p{margin-top:.75rem;font-size:.9rem}.toast{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:.75rem 1.25rem;font-size:.85rem;z-index:100;animation:slideIn .3s ease;display:flex;align-items:center;gap:.5rem;max-width:320px}.toast.success{border-color:var(--success);color:#86efac}.toast.error{border-color:var(--error);color:#fca5a5}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.25rem}.page-btn{width:34px;height:34px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.82rem;transition:all .15s;display:flex;align-items:center;justify-content:center}.page-btn:hover{background:var(--card-hover);color:var(--text)}.page-btn.active{background:var(--primary);color:#000;border-color:var(--primary);font-weight:700}.page-btn:disabled{opacity:.3;cursor:not-allowed}