@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.sidebar{width:240px;background:linear-gradient(180deg,gold,#f93);color:#fff;height:100vh;display:flex;flex-direction:column;transition:width .3s ease}.sidebar.open{width:240px}.sidebar:not(.open){width:70px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#00000026}.brand-title{font-size:1.2rem;font-weight:700;color:#070bee}.toggle-btn{background:none;border:none;color:#ffdcf3;font-size:1.5rem;cursor:ew-resize}.sidebar-menu{flex:1;display:flex;flex-direction:column;padding-top:1rem}.menu-item{display:flex;align-items:center;padding:.8rem 1rem;color:#f31124;text-decoration:none;transition:background .3s}.menu-item:hover,.menu-item.active{background:#4af02167}.icon{font-size:1.2rem;margin-right:.8rem;color:#fff8dc}.sidebar-footer{padding:1rem;font-size:.2em;color:#bdc3c7;text-shadow:#e9e9e9 0px 0px 10px;text-align:center;caret-color:#f30c0c;text-size-adjust:auto;text-wrap:balance;background:#adada956}.logout-btn{background:-webkit-gradient(linear,left top,left bottom,from(rgba(248,14,14,.774)),to(rgba(223,18,18,.486)));border:#feffff;padding:.5rem 1rem;border:1px solid #feffff;animation:forwards;animation-name:logoutGlow;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;border-radius:6px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff8dc;font-size:1rem;cursor:pointer}.logout-btn:hover{color:#060c01ea;background:localte-gradient(linear,left top,left bottom,from(rgba(248,14,14,.974)),to(rgba(10,240,228,.686)));border:1px solid #f03737;transition:cubic-bezier(.175,.885,.32,1.275) .3s;touch-action:cross-slide-x;text-size-adjust:auto;text-wrap:balance}.user-block{margin-top:.5rem;text-align:justify;font-size:2.5px;color:#ec0808;text-shadow:#f0efef 0px 0px 10px;text-size-adjust:auto;text-wrap:balance}@keyframes logoutGlow{0%{transform:translateY(0);text-shadow:0 0 6px rgba(255,205,65,.6),0 0 18px rgba(255,120,50,.1);color:#ffd84a}15%{transform:translateY(-6px);text-shadow:0 0 12px rgba(255,255,255,.95),0 0 28px rgba(255,120,50,.22);color:#fff}30%{transform:translateY(0);text-shadow:0 0 8px rgba(110,200,255,.7),0 0 22px rgba(110,200,255,.12);color:#dff4ff}50%{transform:translateY(-10px);text-shadow:0 0 18px rgba(255,105,180,.85),0 0 38px rgba(255,105,180,.16);color:#fff6fb}70%{transform:translateY(-4px);text-shadow:0 0 10px rgba(160,255,200,.7),0 0 24px rgba(160,255,200,.1);color:#e8fff2}to{transform:translateY(0);text-shadow:0 0 6px rgba(255,205,65,.6),0 0 18px rgba(255,120,50,.1);color:#ffd84a}}.glow-bounce{display:inline-block;will-change:transform,text-shadow,color;animation:logo-glow 3s cubic-bezier(.22,1,.36,1) infinite;transform-origin:center bottom}@media(prefers-reduced-motion:reduce){.glow-bounce,.sidebar:not(.open) .sidebar-header .brand-title,.sidebar:not(.open) .menu-item .text{animation:none!important;transition:none!important}}.footer-actions{padding:0;display:flex;justify-content:end;gap:.5rem}.user-block{margin-top:.5rem;text-align:justify;font-size:.75rem;color:#000;text-shadow:#f0efef 0px 0px 10px;text-size-adjust:auto;text-wrap:balance}.sidebar.open .sidebar-footer .user-block{display:inline-block;padding:1px;border-radius:12px;background-color:#7bbddf70;color:#fffbfb!important;font-weight:700;font-size:18px!important;text-align:center;text-size-adjust:auto!important;text-wrap:balance!important}.sidebar.open .user-name,.sidebar.open .user-role{display:flex;align-items:center;justify-content:center;font-size:18px!important;color:#eb1e1e;text-size-adjust:auto!important;text-wrap:balance;text-decoration:dotted burlywood;text-shadow:#f5f6f7 0px 0px 10px}.sidebar:not(.open) .sidebar-footer .user-block{display:inline-block;padding:1px;border-radius:15px;background-color:#f0000070;color:#fffbfb;font-weight:700;font-size:8px!important;text-align:center;align-self:baseline;align-items:end;justify-content:center;text-size-adjust:auto!important;text-wrap:balance!important}.sidebar:not(.open) .sidebar-header .brand-title,.sidebar:not(.open) .menu-item .text{display:flex;align-items:center;justify-content:center;font-size:.65rem;color:#f10b0b;text-size-adjust:auto;text-wrap:balance;text-align:start;text-decoration:dotted burlywood;text-shadow:#f5f6f7 0px 0px 10px}.sidebar{width:250px;height:100%!important;background-color:#2c3e50;color:#fff;position:fixed;left:0;top:0;display:flex;flex-direction:column;box-shadow:2px 0 5px #0000001a;z-index:1000}.sidebar-header{padding:20px;border-bottom:1px solid #f2f6fa;text-align:center;text-shadow:#f5f5fa 0px 0px 10px;lighting-color:#dc143c;text-size-adjust:auto;text-wrap:balance;border-color:#000;border-radius:12px;border-collapse:collapse}.sidebar-header h2{margin:0 0 5px;font-size:1.25rem;color:#f0eeee}.sidebar-header p{margin:0;font-size:.8rem;color:#bdc3c7}.sidebar-menu{flex:1;padding:10px 0;overflow-y:auto}.menu-item{margin:4px 8px;border-radius:6px;transition:background-color .2s;display:flex;align-items:center}.menu-item a{display:flex;align-items:center;padding:12px 14px;color:#ecf0f1;text-decoration:none;width:100%}.menu-item a:hover{background-color:#5e3434;color:#3498db}.menu-item .icon{margin-right:10px;font-size:1.15rem}.menu-item .text{flex:1}.menu-header{padding:12px 15px;color:#ecf0f1;cursor:pointer}.submenu{background-color:#1a252f;padding-left:20px}.submenu-item{display:block;padding:10px 15px;color:#f12222;text-decoration:none}.submenu-item:hover{background-color:#2c3e50;color:#3498db}.sidebar-footer{padding:1px;border-top:1px solid #f5f6f7;text-align:center;font:size .2em}.role-badge{display:inline-block;padding:3px 8px;border-radius:12px;background-color:#3498db;color:#fff;font-weight:700;font-size:.7rem}.sidebar-overlay{display:none}:root{--bg: #f7f8fb;--surface: #ffffff;--muted: #6b7280;--accent: #2563eb;--text: #0f172a;--radius: 10px;--gap: 1rem;--sidebar-w: 260px;--transition: .2s ease;--max-width: 1200px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--text);background:var(--bg);line-height:1.45}h1{font-size:clamp(1.25rem,3.6vw,2rem);margin:0 0 .35rem}h2{font-size:clamp(1.1rem,3.1vw,1.5rem);margin:0 0 .35rem}h3{font-size:clamp(1rem,2.6vw,1.25rem);margin:0 0 .35rem}p,.muted{font-size:clamp(.9rem,2.2vw,1rem);color:var(--muted);margin:0 0 .6rem}.app-wrapper{max-width:var(--max-width);margin:0 auto;padding:1rem}.header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(180deg,#fff9,#fff6);border-radius:var(--radius);box-shadow:0 1px 2px #0f172a0a;transition:background var(--transition);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.header-title{font-weight:600;letter-spacing:-.01em;font-size:clamp(1rem,3.2vw,1.25rem);margin-right:.5rem}.sidebar-container{width:var(--sidebar-w);min-width:220px;background:var(--surface);border-radius:var(--radius);padding:1rem;box-shadow:0 6px 18px #0c121f0f;transition:transform var(--transition),box-shadow var(--transition);overflow-y:auto}.menu-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .5rem;border-radius:8px;cursor:pointer;color:var(--text);transition:background var(--transition),color var(--transition)}.menu-item:hover{background:#2563eb0f;color:var(--accent)}.content-area{flex:1;padding:1.25rem;background:transparent;min-width:0}.card,.auth-card,.metric-card,.segment-card,.template-card,.workflow-card{background:var(--surface);border-radius:12px;padding:1rem;box-shadow:0 6px 18px #0c121f0a;border:1px solid rgba(15,23,42,.04)}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;min-height:44px;border-radius:8px;background:var(--accent);color:#fff;border:none;cursor:pointer;font-weight:600;transition:transform var(--transition),box-shadow var(--transition)}.btn.secondary{background:transparent;color:var(--accent);border:1px solid rgba(37,99,235,.12)}input,textarea,select{width:100%;padding:.6rem .75rem;border-radius:8px;border:1px solid rgba(15,23,42,.06);background:#fff;font-size:.95rem}img,video,iframe{max-width:100%;height:auto;display:block;border-radius:8px}.row{display:flex;gap:var(--gap);flex-wrap:wrap;align-items:stretch}.col{flex:1 1 0;min-width:0}.sidebar-and-content{display:flex;gap:1rem;align-items:flex-start}.center{display:flex;align-items:center;justify-content:center}.hidden{display:none!important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media(max-width:1024px){:root{--sidebar-w: 220px}.app-wrapper{padding-left:.75rem;padding-right:.75rem}}@media(max-width:768px){:root{--sidebar-w: 200px}.sidebar-and-content{flex-direction:column}.sidebar-container{position:fixed;left:0;top:0;bottom:0;transform:translate(-110%);width:240px;z-index:1000;padding-top:3.5rem;border-radius:0 12px 12px 0}.sidebar-container.sidebar-open{transform:translate(0);box-shadow:6px 0 20px #0c121f1f}.sidebar-overlay{position:fixed;inset:0;background:#02061773;z-index:900;opacity:0;pointer-events:none;transition:opacity var(--transition)}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.header{padding:.6rem .8rem;height:56px;border-radius:10px}.header-title{font-size:1.05rem}.btn{width:100%;justify-content:center;padding:.75rem 1rem}.auth-card{padding:.9rem}.content-area{padding:.8rem}.menu-item .text{display:inline-block}}@media(max-width:480px){:root{--sidebar-w: 200px;--gap: .6rem}html{font-size:14px}.header{height:52px;padding:.4rem .6rem}.header-title{font-size:1rem}.sidebar-container{width:220px;padding:.8rem}.menu-item{padding:.5rem .4rem;gap:.5rem}.card,.auth-card{padding:.75rem;border-radius:8px}.content-area{padding:.6rem}.submenu{left:56px;min-width:140px}.btn{min-height:48px;font-size:.95rem;border-radius:10px}h1{font-size:1.25rem}h2{font-size:1.05rem}}@media(prefers-color-scheme:dark){:root{--bg: #0b1220;--surface: #0f1724;--text: #e6eef8;--muted: #9aa7bf;--accent: #60a5fa}.header{background:linear-gradient(180deg,#ffffff05,#ffffff03)}}.compact{gap:.5rem;padding:.5rem}.spacious{gap:1.25rem;padding:1.25rem}@media(max-width:1024px){.sidebar-container{width:200px}}@media(max-width:768px){.header{padding:0 15px;height:60px}.header-title{font-size:1.1rem}.user-info{display:none}.sidebar-container{position:fixed;left:0;top:0;height:100vh;transform:translate(-100%);z-index:50}.sidebar-container.sidebar-open{transform:translate(0);box-shadow:2px 0 10px #0003}.content-area{padding:12px}}@media(max-width:576px){.auth-card{padding:16px}.btn{width:100%}.menu-item .text,.sidebar-header,.sidebar-footer{display:none}.submenu{position:absolute;left:60px;min-width:150px;z-index:1001}}@media(max-width:768px){.fu-dashboard-root{height:auto;min-height:100vh}.fu-dashboard-content{flex-direction:column;gap:1rem;padding:.5rem}.fu-left,.fu-right{width:100%}.modal-backdrop,.workflow-form-modal{padding:1rem;align-items:flex-start}}@media(max-width:480px){.fu-dashboard-header h1{font-size:1.5rem}.fu-stat-number{font-size:1.25rem}.fu-stat-label{font-size:.875rem}.workflow-form-modal{padding:.5rem}}@media(prefers-color-scheme:dark){.fu-dashboard-root{background:#1a1a1a;color:#fff}.fu-left,.fu-right,.metric-card,.segment-card,.template-card,.workflow-card{background:#2d2d2d;color:#fff;border-color:#404040}}@media(max-height:500px)and (orientation:landscape){.fu-dashboard-root{height:auto;min-height:100vh}.modal-backdrop{align-items:flex-start;padding-top:2rem}}.btn{padding:10px 16px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;border:none}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2980b9}.btn-primary:disabled{background-color:#bdc3c7;cursor:not-allowed}.btn-text{background:none;color:#3498db;text-decoration:underline;border:none;cursor:pointer}.btn-text:hover{color:#2980b9}.error-message{background:#ffeaea;color:#e74c3c;padding:12px;border-radius:6px;border-left:4px solid #e74c3c}.success-message{background:#d4edda;color:#155724;padding:12px;border-radius:6px;border-left:4px solid #155724;text-align:center}.info-message{background:#d1ecf1;color:#0c5460;padding:12px;border-radius:6px;border-left:4px solid #0c5460}.warning-message{background:#fff3cd;color:#856404;padding:12px;border-radius:6px;border-left:4px solid #856404}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(180deg,#f6f9fb,#fff)}.auth-card{background:#fff;padding:28px;border-radius:10px;box-shadow:0 8px 30px #0000000f;width:100%;max-width:520px}.auth-card h2{text-align:center;margin-bottom:8px;color:#2c3e50}.auth-subtitle{text-align:center;color:#7f8c8d;margin-bottom:20px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#2c3e50}.form-group input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:15px}.form-group input:focus{border-color:#3498db;outline:none}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:10px}.login-methods{display:flex;gap:6px;border-bottom:1px solid #ecf0f1;padding-bottom:8px;margin-bottom:12px}.method-tab{flex:1;padding:10px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-weight:500;color:#7f8c8d}.method-tab.active{color:#3498db;border-bottom-color:#3498db}.auth-footer{text-align:center;margin-top:12px;color:#7f8c8d}.auth-footer a{color:#3498db;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.search-bar-wrapper{position:absolute;display:contents;align-items:center;width:50px;gap:8px}.search-bar{position:static;flex:1px;padding:8px 12px;border:1px solid #df0606;border-radius:8px;width:300px}.search-h1{box-sizing:content-box;list-style-position:outside;position-area:var(#3371bd);display:inline-block}.filter-select{display:list-item;padding:6px 10px;border-radius:6px;border:1px solid #ccc;background:#fff}.suggestions{position:flex;top:40px;left:0;text-align:left;color:#000;right:auto;background:#fff;border:1px solid #ddd;border-radius:8px;list-style:armenian;padding:6px;margin:0;box-shadow:0 6px 16px #00000014;max-height:240px;overflow-y:auto;z-index:20;font-size:13px;font-weight:500}.suggestions li{padding:8px;border-radius:6px;cursor:pointer}.suggestions li:hover{background:#f5f5f5}.search-results{display:grid;margin-top:10px;background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:12px;box-shadow:0 4px 12px #0000000d}.export-row{display:flex;gap:8px;justify-content:flex-end;margin-bottom:8px}.export-btn{padding:6px 10px;border:1px solid #ccc;border-radius:6px;background:#fafafa;cursor:pointer}.export-btn:hover{background:#f0f0f0}.loading{padding:8px;color:#555}.results-section+.results-section{margin-top:14px;border-top:1px dashed #eee;padding-top:12px}.category-title{font-size:14px;color:#555;margin-bottom:6px;text-transform:capitalize}.result-item{padding:8px;border-radius:6px}.result-item:hover{background:#f9f9f9}.result-line{font-weight:600}.result-subline{color:#777;font-size:13px}.no-results{color:#999;font-size:13px}.load-more-row{margin-top:8px}.load-more-btn{padding:6px 10px;border:1px solid #ccc;border-radius:6px;background:#fff;cursor:pointer}:root{--gold-1: #ffd166;--gold-2: #ffb100;--saffron: #f4b400;--bg-glass: rgba(255,255,255,.05);--glass-2: rgba(255,255,255,.06);--text-dark: #0b0b0b;--accent: #fff6e0;--radius: 12px;--transition: .26s cubic-bezier(.2,.9,.2,1);--neon: 0 6px 24px rgba(255,176,0,.12), 0 1px 2px rgba(0,0,0,.35)}.header-nav.dropdown{position:absolute;top:60px;left:20px;background:#fff;border:1px solid #ddd;border-radius:6px;padding:10px;box-shadow:0 4px 12px #0000001a;animation:slideDown .3s ease forwards}.nav-list{list-style:none;margin:0;padding:0}.nav-list li{margin:8px 0}.nav-link{display:block;padding:6px 12px;color:#333;text-decoration:none}.nav-link:hover{background:#f0f0f0;border-radius:4px}.profile-picture{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:10px}.profile-placeholder{width:40px;height:40px;border-radius:50%;background-color:#ccc;margin-right:10px}.dark-mode{background-color:#121212;color:#f5f5f5}.search-bar{padding:6px 12px;border-radius:6px;border:1px solid #ccc}.icon-btn{background:none;border:none;font-size:20px;margin:0 6px;cursor:pointer}.dropdown-panel{text-align:start;display:inline-block;align-items:baseline;flex-direction:column;top:50px;right:0;background:#eef0d8;border:1px solid #ddd;border-radius:6px;padding:10px;box-shadow:0 4px 12px #0000001a}.lang-switcher{margin:0 6px;padding:4px;border-radius:4px}.header{position:sticky;top:12px;margin:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;border-radius:var(--radius);backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);background:linear-gradient(180deg,#ffffff08,#ffffff05),linear-gradient(90deg,var(--gold-1),var(--gold-2) 60%);box-shadow:var(--neon);z-index:60;transition:transform var(--transition),box-shadow var(--transition),background var(--transition)}.header-left,.header-right{display:flex;align-items:center;gap:12px}.header-title{font-weight:800;font-size:1.15rem;letter-spacing:.6px;color:var(--text-dark);background:linear-gradient(90deg,#fff,#fff9e6,gold 60%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;animation:title-glow 4s linear infinite;display:inline-block;-webkit-user-select:none;user-select:none}@keyframes title-glow{0%{filter:drop-shadow(0 0 0 rgba(255,200,0,0));transform:translateY(0)}50%{filter:drop-shadow(0 6px 18px rgba(255,180,0,.12));transform:translateY(-1px)}to{filter:drop-shadow(0 0 0 rgba(255,200,0,0));transform:translateY(0)}}.menu-toggle{--size: 46px;width:var(--size);height:var(--size);min-width:var(--size);border-radius:12px;display:inline-grid;place-items:center;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,230,150,.12);cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease;box-shadow:0 6px 18px #ffa50014,inset 0 -2px 6px #0000000f;position:relative;color:var(--text-dark);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.menu-toggle:after{content:"";width:12px;height:12px;border-right:2px solid rgba(12,10,6,.9);border-bottom:2px solid rgba(12,10,6,.9);transform:rotate(45deg);transition:transform var(--transition);display:inline-block;margin-left:2px}.menu-toggle:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 12px 36px #ffa0001f,0 2px 6px #0000002e}.menu-toggle:active{transform:translateY(-1px) scale(.99)}.menu-toggle:focus{outline:3px solid rgba(255,210,120,.18);outline-offset:3px}.menu-toggle.open:after{transform:rotate(-135deg)}.menu-toggle.open:before{content:"";position:absolute;inset:-8px;border-radius:16px;background:radial-gradient(circle at 50% 30%,#ffdc782e,#ffb40005 30%);opacity:1;transition:opacity .3s;pointer-events:none}.menu-dropdown{position:absolute;top:calc(100% + 10px);right:18px;width:260px;max-width:calc(100vw - 36px);background:linear-gradient(180deg,#ffffff08,#ffffff05);border:1px solid rgba(255,210,140,.08);border-radius:12px;padding:10px;box-shadow:0 20px 40px #07070759,0 6px 14px #ffaa000f;transform-origin:top right;transform:translateY(6px) scaleY(.92);opacity:0;visibility:hidden;transition:transform .26s cubic-bezier(.2,.9,.2,1),opacity .22s ease,visibility 1ms linear .22s;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header.menu-open .menu-dropdown,.menu-dropdown.open{transform:translateY(0) scaleY(1);opacity:1;visibility:visible;transition-delay:0ms}.menu-dropdown:before{content:"";position:absolute;top:-8px;right:28px;width:14px;height:14px;transform:rotate(45deg);background:inherit;border-left:1px solid rgba(255,210,140,.06);border-top:1px solid rgba(255,210,140,.06);filter:blur(.2px)}.menu-list{display:flex;flex-direction:column;gap:8px}.menu-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--text-dark);cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;-webkit-user-select:none;user-select:none}.menu-item .mi{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid rgba(0,0,0,.06);color:#141414e6;font-weight:700}.menu-item:hover{transform:translate(6px);background:linear-gradient(90deg,#ffe6960f,#ffc83208);box-shadow:0 8px 18px #ff96000f}.menu-item a,.menu-item button{all:unset;cursor:pointer;color:var(--text-dark);font-weight:600;font-size:.97rem;text-decoration:none;display:block;width:100%}.menu-item a:after,.menu-item button:after{content:"";display:block;height:2px;width:0%;background:linear-gradient(90deg,gold,#ffefb8);transition:width .24s ease;margin-top:6px;border-radius:2px}.menu-item:hover a:after,.menu-item:hover button:after{width:100%}.menu-sep{height:1px;width:100%;background:linear-gradient(90deg,#ffffff05,#0000000f);margin:6px 0;border-radius:2px}.user-info{display:flex;flex-direction:column;gap:2px;align-items:flex-end;text-align:right;min-width:120px}.user-name{font-weight:800;font-size:.98rem;color:var(--text-dark)}.user-role{font-size:.78rem;color:#0c0c0c8f}.logout-button{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:10px;background:linear-gradient(180deg,#ff7a3d,#e85d2a);color:#fff;font-weight:700;border:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 8px 30px #e85d2a24}.logout-button:hover{transform:translateY(-3px);box-shadow:0 18px 48px #e85d2a2e}.menu-item .logout-btn{color:#ffefe0;background:linear-gradient(90deg,#e8502814,#ffc87805);border-radius:8px}@media(max-width:640px){.header{padding:8px 12px;margin:8px}.menu-dropdown{right:12px;width:calc(100vw - 24px)}.user-info{display:none}}.header.keyboard-open .menu-dropdown{transform:translateY(0) scaleY(1);opacity:1;visibility:visible}.main-layout{display:flex;min-height:100vh;position:relative}.sidebar-container{width:250px;flex-shrink:0;transition:transform .3s ease;z-index:40}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.content-area{flex:1;padding:20px;overflow-y:auto}.content-wrapper{padding:20px}.content-inner{max-width:1200px;margin:0 auto;width:100%}@media(max-width:768px){.sidebar-container{position:fixed;top:0;left:0;height:100%;background:#fff;box-shadow:2px 0 12px #0000001a;transform:translate(-100%)}.sidebar-open .sidebar-container{transform:translate(0)}}.le-root{min-height:100vh;background:radial-gradient(circle at top,#0b1120 0,#020617 40%,#000);color:#e5e7eb;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.le-nav{position:sticky;top:0;z-index:40;background:#0f172aeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(148,163,184,.3)}.le-nav-inner{max-width:1120px;margin:0 auto;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between}.le-nav-left{display:flex;align-items:center;gap:.75rem}.le-brand-badge{width:44px;height:44px;border-radius:1rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f97316,#facc15);color:#0f172a;font-weight:700;font-size:1rem;box-shadow:0 0 0 1px #f8fafc1a}.le-brand-info{display:flex;flex-direction:column}.le-brand-title{font-size:1rem;font-weight:700}.le-brand-sub{font-size:.7rem;color:#9ca3af}.le-nav-links{display:flex;align-items:center;gap:.75rem}.le-nav-link{background:none;border:none;color:#e5e7eb;font-size:.9rem;font-weight:500;padding:.35rem .6rem;border-radius:999px;cursor:pointer;transition:background .2s,color .2s,transform .15s}.le-nav-link:hover{background:#94a3b833;transform:translateY(-1px)}.le-login-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border-radius:999px;background:linear-gradient(135deg,#f59e0b,#facc15);color:#111827;text-decoration:none;font-weight:600;box-shadow:0 10px 30px #eab3084d}.le-mobile-toggle{display:none;flex-direction:column;gap:4px;border:none;background:transparent;cursor:pointer}.le-mobile-toggle span{width:20px;height:2px;background:#e5e7eb;border-radius:999px}.le-mobile-menu{display:none;flex-direction:column;padding:.75rem 1rem 1rem;border-top:1px solid rgba(148,163,184,.3);background:#0f172af7}.le-mobile-link{text-align:left;padding:.5rem 0;border:none;background:transparent;color:#e5e7eb;font-size:.95rem;cursor:pointer}.le-mobile-link+.le-mobile-link{border-top:1px solid rgba(51,65,85,.7)}.le-mobile-login{font-weight:600}.le-mobile-menu-open .le-mobile-menu{display:flex}.le-stats-strip{max-width:1120px;margin:.5rem auto 0;padding:.6rem .75rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;border-radius:999px;background:radial-gradient(circle,rgba(248,250,252,.06),transparent);border:1px solid rgba(148,163,184,.35)}.le-stats-item{text-align:center}.le-stats-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af}.le-stats-value{font-size:.85rem;font-weight:600;color:#f9fafb}.le-hero{position:relative;max-width:1120px;margin:1.5rem auto 0;padding:2.5rem 1rem 2rem}.le-hero-bg-orbit{position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(250,204,21,.16),transparent 55%),radial-gradient(circle at bottom right,rgba(234,88,12,.16),transparent 55%);filter:blur(2px);pointer-events:none}.le-hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:2.5rem;align-items:center}.le-hero-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:999px;border:1px solid rgba(148,163,184,.8);font-size:.7rem;text-transform:uppercase;letter-spacing:.11em;color:#e5e7eb;background:#0f172ae6}.le-hero-title{font-size:clamp(2.1rem,3.2vw,2.7rem);font-weight:800;line-height:1.1;margin-top:.9rem;margin-bottom:.6rem;color:#f9fafb}.le-text-gradient{background:linear-gradient(120deg,#f97316,#facc15,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent}.le-hero-subtitle{font-size:.98rem;color:#cbd5f5;max-width:32rem}.le-hero-actions{margin-top:1.1rem;display:flex;flex-wrap:wrap;gap:.75rem}.le-hero-btn-primary,.le-hero-btn-secondary{border-radius:999px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.le-hero-btn-primary{background:linear-gradient(135deg,#f97316,#facc15);color:#111827;box-shadow:0 16px 40px #eab30873}.le-hero-btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 48px #eab30899}.le-hero-btn-secondary{background:#0f172ab3;color:#e5e7eb;border-color:#94a3b899}.le-hero-btn-secondary:hover{background:#0f172af2}.le-hero-footnote{margin-top:.9rem;display:flex;align-items:center;gap:.45rem;font-size:.8rem;color:#9ca3af}.le-dot-green{width:8px;height:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 12px #22c55ee6}.le-hero-right{display:flex;justify-content:flex-end}.le-trust-card{width:100%;max-width:320px;border-radius:1.5rem;border:1px solid rgba(148,163,184,.7);background:radial-gradient(circle at top,#1e40afb3,#020617);box-shadow:0 24px 60px #0f172ae6;padding:1.4rem 1.3rem;animation:le-float 6s ease-in-out infinite}.le-trust-header{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#e5e7eb}.le-trust-pill{padding:.15rem .5rem;border-radius:999px;font-size:.65rem;text-transform:uppercase;letter-spacing:.14em;background:#22c55e2e;color:#bbf7d0}.le-trust-score{font-size:2.4rem;font-weight:800;margin-top:.6rem;margin-bottom:.8rem;color:#f9fafb}.le-trust-metrics{display:flex;flex-direction:column;gap:.45rem}.le-trust-metric{font-size:.78rem;display:grid;grid-template-columns:1fr auto;gap:.4rem;align-items:center}.le-trust-bar{grid-column:1 / -1;width:100%;height:6px;border-radius:999px;background:#0f172ad9;overflow:hidden}.le-trust-bar>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#facc15)}.le-trust-foot{margin-top:.9rem;font-size:.7rem;color:#cbd5e1}.le-market-pulse{margin-top:1rem;border-top:1px solid rgba(30,64,175,.5);border-bottom:1px solid rgba(30,64,175,.5);background:linear-gradient(90deg,#020617,#0f172a);display:flex;align-items:center;overflow:hidden}.le-pulse-label{padding:.4rem .8rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:#fbbf24;border-right:1px solid rgba(55,65,81,.8)}.le-pulse-ticker{display:inline-flex;gap:1.8rem;white-space:nowrap;padding-left:1rem;animation:le-marquee 30s linear infinite;font-size:.8rem;color:#e5e7eb}.loader-video{max-width:80%;max-height:60vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #ffd7004d;margin-bottom:40px}.loader-text{color:gold;font-size:1.8rem;font-weight:500;text-align:center;margin-bottom:30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;letter-spacing:1px;text-shadow:0 0 10px rgba(255,215,0,.5);animation:pulse-glow 2s infinite alternate}.loader-progress{width:300px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-top:20px}.loader-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,gold,orange);border-radius:2px;animation:progress-load 6s linear forwards}@keyframes fade-out{0%{opacity:1}to{opacity:0;visibility:hidden}}@media(max-width:768px){.loader-video{max-width:95%;max-height:50vh}.loader-text{font-size:1.4rem;padding:0 20px}.loader-progress{width:250px}}.le-freight{max-width:1120px;margin:2.5rem auto 0;padding:0 1rem 2.5rem}.le-section-header{text-align:center;margin-bottom:1.8rem}.le-section-header h2{font-size:1.7rem;font-weight:700;color:#e5e7eb}.le-section-header p{font-size:.9rem;color:#9ca3af}.le-freight-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1.7rem}.le-freight-map{position:relative;border-radius:1.5rem;overflow:hidden;border:1px solid rgba(56,189,248,.25);background:radial-gradient(circle at top,#020617,#020617);min-height:270px}.le-freight-map-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,#0f172a,transparent 60%),radial-gradient(circle at 80% 80%,#020617,transparent 60%)}.le-freight-routes{position:absolute;inset:0}.le-ship{position:absolute;display:flex;flex-direction:column;align-items:center;animation:le-float 4s ease-in-out infinite}.le-ship-1{left:20%;top:50%}.le-ship-2{left:35%;top:35%}.le-ship-3{left:45%;top:60%}.le-ship-dot{width:30px;height:30px;border-radius:999px;border:none;background:#22c55e;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 18px #10b981e6}.le-ship-label{margin-top:.25rem;font-size:.7rem;color:#bbf7d0}.le-ship-cam{position:absolute;right:1rem;top:1rem;padding:.6rem .7rem;border-radius:.9rem;background:#dc2626e6;color:#fef2f2;font-size:.75rem}.le-ship-cam-title{font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em}.le-ship-cam-body{margin-top:.2rem}.le-ship-cam-status{font-size:.7rem;color:#fee2e2}.le-freight-cards{display:flex;flex-direction:column;gap:.9rem}.le-freight-card{border-radius:1rem;padding:.9rem 1rem;color:#f9fafb;font-size:.8rem;border:1px solid transparent}.le-freight-card-green{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#10b98159}.le-freight-card-blue{background:linear-gradient(135deg,#0b3b68,#1d4ed8);border-color:#3b82f659}.le-freight-card-purple{background:linear-gradient(135deg,#311b92,#4c1d95);border-color:#818cf859}.le-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;font-weight:600}.le-badge{padding:.1rem .6rem;border-radius:999px;font-size:.7rem;background:#0f172a4d}.le-card-body{display:flex;flex-direction:column;gap:.25rem}.le-card-row{display:flex;justify-content:space-between;gap:.5rem}.le-card-row span:first-child{color:#cbd5f5}.le-progress{margin-top:.6rem;height:6px;border-radius:999px;background:#0f172a40;overflow:hidden}.le-progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#facc15)}.le-farmers{max-width:1120px;margin:0 auto;padding:0 1rem 2.5rem}.le-farmers-grid{margin-top:1.3rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.le-farmer-card{border-radius:1.2rem;padding:1rem;border:1px solid rgba(148,163,184,.5);background:radial-gradient(circle at top left,#94a3b826,#020617);font-size:.85rem}.le-farmer-card h3{font-size:.95rem;margin-bottom:.4rem;color:#e5e7eb}.le-contact{background:radial-gradient(circle at top,#1f2937,#020617);border-top:1px solid rgba(55,65,81,.6);padding:2.5rem 0 2.8rem}.le-contact-inner{max-width:1120px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.1fr);gap:1.7rem}.le-contact-left h2{font-size:1.5rem;font-weight:700;color:#f9fafb}.le-contact-left p{margin-top:.5rem;font-size:.9rem;color:#e5e7eb}.le-contact-points{margin-top:.9rem;padding-left:1rem;font-size:.85rem;color:#e5e7eb}.le-contact-points li{margin-bottom:.25rem}.le-contact-form{border-radius:1.3rem;padding:1.2rem 1.2rem 1rem;background:radial-gradient(circle at top left,#facc1526,#020617);border:1px solid rgba(234,179,8,.45);box-shadow:0 22px 60px #0f172af2;font-size:.85rem}.le-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.le-form-group{display:flex;flex-direction:column;gap:.25rem}.le-form-group label{font-size:.78rem;font-weight:600;color:#e5e7eb}.le-form-group input,.le-form-group textarea{border-radius:.6rem;border:1px solid rgba(148,163,184,.7);background:#0f172a99;padding:.45rem .6rem;color:#f9fafb;font-size:.85rem}.le-form-group input::placeholder,.le-form-group textarea::placeholder{color:#6b7280}.le-form-group input:focus,.le-form-group textarea:focus{outline:none;border-color:#facc15;box-shadow:0 0 0 1px #facc158c}.le-form-footer{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-top:.9rem}.le-submit-btn{border-radius:999px;padding:.55rem 1.3rem;border:none;cursor:pointer;font-weight:600;font-size:.9rem;background:linear-gradient(135deg,#f97316,#facc15);color:#111827;box-shadow:0 16px 36px #eab3088c}.le-contact-note{font-size:.75rem;color:#e5e7eb}.le-footer{border-top:1px solid rgba(31,41,55,.9);padding:1rem 1rem 1.5rem;text-align:center;font-size:.8rem;color:#9ca3af;background:#020617}.le-footer-sub{margin-top:.15rem;font-size:.75rem}.le-live-dot{display:inline-block;width:7px;height:7px;border-radius:999px;background:#f97316;box-shadow:0 0 10px #f97316e6;margin-left:4px}.le-anim-pulse{animation:le-pulse 2.2s ease-in-out infinite}@keyframes le-pulse{0%,to{box-shadow:0 0 #facc15b3}50%{box-shadow:0 0 0 12px #facc1500}}@keyframes le-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes le-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:1024px){.le-freight-grid,.le-contact-inner,.le-hero-inner{grid-template-columns:1fr}.le-hero-right{justify-content:flex-start}.le-farmers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.le-nav-links{display:none}.le-mobile-toggle{display:flex}.le-stats-strip{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:1rem}.le-farmers-grid,.le-form-row{grid-template-columns:1fr}.le-form-footer{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.le-hero{padding-top:2rem}.le-hero-title{font-size:1.7rem}.le-contact-form{padding:1rem}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overflow-x:hidden;max-width:100%;position:relative}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}.loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;overflow:hidden}.loader-content{width:100%;max-width:800px;padding:20px;display:flex;flex-direction:column;align-items:center}.loader-video{max-width:90%;max-height:50vh;object-fit:contain;border-radius:16px;box-shadow:0 25px 50px #ffd7004d;margin-bottom:30px;opacity:1;transition:opacity .5s ease}.loader-video.video-error{display:none}.loader-text-container{text-align:center;margin-bottom:30px}.loader-text{color:gold;font-size:clamp(1.5rem,4vw,2rem);font-weight:600;margin-bottom:10px;font-family:Playfair Display,serif;letter-spacing:1px;text-shadow:0 0 20px rgba(255,215,0,.5);animation:pulse-glow 2s infinite alternate}.loader-subtext{color:#ffffffb3;font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:300}.loader-progress{width:min(300px,90%);height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-top:20px}.loader-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#daa520,gold,#f0c420);border-radius:2px;animation:progress-load 6s linear forwards}.video-fallback{display:flex;align-items:center;gap:15px;padding:20px;background:#daa5201a;border-radius:12px;border:1px solid rgba(218,165,32,.3);margin-top:20px}.fallback-icon{font-size:2.5rem;animation:spin-slow 4s linear infinite}.fallback-text{color:gold;font-size:1.3rem;font-weight:600;text-align:left}.fallback-subtext{color:#ffffffb3;font-size:.9rem;font-weight:300;margin-top:5px}.gold-sticky-header{position:sticky;top:0;width:100%;background:linear-gradient(135deg,#141414fa,#282319fa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(218,165,32,.2);z-index:1000;box-shadow:0 4px 30px #0000004d}.header-container{max-width:1400px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.header-brand{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.gold-badge{width:80px;height:80px;background:transparent;border-radius:15px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.brand-text{display:flex;flex-direction:column}.brand-main{font-family:Playfair Display,serif;font-weight:700;font-size:1.4rem;background:linear-gradient(45deg,#daa520,gold,#f0c420);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;letter-spacing:.5px}.brand-tagline{font-size:.7rem;color:#eeff0299;font-weight:300;letter-spacing:.3px;white-space:nowrap}.header-nav{display:flex;gap:.75rem;overflow-x:auto;padding:.5rem 0;flex:1;justify-content:center;scrollbar-width:none;-ms-overflow-style:none}.header-nav::-webkit-scrollbar{display:none}.nav-link{display:grid;align-items:center;gap:1px;padding:auto;background:#ffffff0d;border:1px solid rgba(218,165,32,.1);border-radius:8px;color:#fffc;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;position:relative;overflow:hidden;min-width:fit-content}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(218,165,32,.1),transparent);transition:left .5s}.nav-link:hover:before{left:100%}.nav-link:hover{background:#daa52026;border-color:#daa5204d;color:gold;transform:translateY(-1px);box-shadow:0 4px 12px #daa52033}.nav-icon{font-size:1.1rem;transition:transform .3s ease}.nav-link:hover .nav-icon{transform:scale(1.2)}.nav-text{font-weight:500}.live-dot{width:6px;height:6px;background:#0f0;border-radius:50%;margin-left:4px;animation:pulse-new 1.5s infinite;box-shadow:0 0 8px #0f0}.live-dot.red{background:#f44;box-shadow:0 0 8px #f44;animation:pulse-new 1.5s infinite}@keyframes pulse-new{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.header-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.mini-stats{display:flex;gap:.75rem;padding:.5rem;background:#0000004d;border-radius:8px;border:1px solid rgba(218,165,32,.2)}.stat-item{display:flex;align-items:center;gap:.4rem}.stat-icon{font-size:.9rem;opacity:.8}.stat-count{font-weight:700;color:gold;font-size:.9rem;min-width:20px;text-align:center}.gold-login-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:linear-gradient(135deg,#daa520,gold);border:none;border-radius:8px;color:#000;font-weight:600;font-size:.9rem;text-decoration:none;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 15px #daa5204d}.gold-login-btn:hover{background:linear-gradient(135deg,gold,#f0c420);transform:translateY(-2px);box-shadow:0 6px 20px #daa52066}.gold-login-btn:active{transform:translateY(0)}.login-icon{font-size:1rem}.login-text{font-weight:600}.gold-accent-line{height:2px;width:100%;background:linear-gradient(90deg,transparent 0%,#DAA520 20%,#FFD700 50%,#DAA520 80%,transparent 100%);position:relative;overflow:hidden}.gold-accent-line:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 3s infinite}@media screen and (min-width:1024px){.header-container{padding:.75rem 2rem}.nav-text{display:inline}.brand-tagline{display:block}}@media screen and (max-width:1023px)and (min-width:768px){.header-container{padding:.6rem 1rem;gap:1rem}.nav-text{display:none}.nav-link{padding:.6rem}.brand-tagline{display:none}.mini-stats{display:flex}}@media screen and (max-width:767px){.header-container{flex-direction:column;padding:.5rem;gap:.5rem;display:inline-flex;position:static}.header-brand{width:100%;justify-content:space-between;display:flex}.header-nav{order:2;width:100%;justify-content:flex-start;padding:.5rem 0;display:flex}.header-actions{order:3;width:100%;justify-content:space-between;margin-top:.5rem}.mini-stats{display:flex}.nav-text{display:none}.nav-link{padding:.1rem .9rem;display:flex}.gold-badge{width:56px;height:56px;display:flex}.badge-icon{font-size:1.2rem;display:flex}.brand-main{font-size:1.2rem}.gold-login-btn .login-text{display:none}.header-container .gold-login-btn{padding:.5rem;display:inline-flex;position:absolute;top:20px;left:105px}}@media screen and (max-width:480px){.header-container{flex-direction:column;padding:.5rem;gap:.5rem;display:inline-flex;position:static}.header-container .gold-login-btn{padding:.5rem;display:inline-flex;position:absolute;top:20px;left:105px}.nav-link{padding:.5rem;display:none}.nav-icon{font-size:1rem;display:none}.gold-login-btn{padding:.5rem}.login-icon{margin:0}.mini-stats{gap:.5rem;padding:.4rem}.stat-item{gap:.3rem}.stat-icon,.stat-count{font-size:.8rem}}@media screen and (orientation:portrait)and (max-width:768px){.landing-root{width:100vw;overflow-x:hidden}section{width:100%;padding-left:15px;padding-right:15px}.container,.max-w-7xl,.max-w-5xl{width:100%!important;max-width:100%!important;padding-left:15px;padding-right:15px}.floating-emoji-container{display:none}.hero-section{padding-top:60px!important;padding-bottom:60px!important}.text-5xl,.text-6xl{font-size:2rem!important}.text-2xl,.text-3xl{font-size:1.3rem!important}.text-xl{font-size:1rem!important}}@media screen and (orientation:landscape)and (max-height:500px){.hero-section,.freight-section,.contact-section{min-height:100vh;padding:20px 0}.floating-emoji-container{display:none}.text-5xl,.text-6xl{font-size:1.8rem!important;margin-bottom:10px!important}.text-2xl,.text-3xl{font-size:1.1rem!important}.text-xl{font-size:.9rem!important}}.orientation-warning{display:none;position:fixed;top:0;left:0;right:0;background:linear-gradient(90deg,#daa520,gold);color:#000;padding:12px 16px;z-index:9998;animation:slideDown .5s ease;border-bottom:2px solid rgba(0,0,0,.2)}@media screen and (orientation:landscape)and (max-width:900px){.orientation-warning:not(.warning-hidden){display:flex!important;animation-name:autoHide!important;animation:alternate;animation-duration:3s;animation-delay:5s}.warning-content{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1400px;margin:0 auto;gap:12px}.warning-icon{font-size:1.2rem;flex-shrink:0}.warning-text{flex:1;font-size:.9rem;font-weight:500;text-align:center}.warning-dismiss{background:#0003;border:none;border-radius:50%;width:28px;height:28px;font-size:1rem;cursor:pointer;color:#000;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;padding:0;line-height:1}.warning-dismiss:hover{background:#0000004d;transform:scale(1.1)}.warning-dismiss:active{transform:scale(.95)}.warning-hidden{display:none!important}}@keyframes autoHide{0%{opacity:1}70%{opacity:1}to{opacity:0;transform:translateY(-100%)}}.warning-auto-hide{animation:autoHide 3s ease forwards;animation-delay:5s;display:none}@keyframes slideUp{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.mobile-footer{display:flex;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:20px;border-top:1px solid rgba(218,165,32,.2);margin-top:10px}@media screen and (max-width:768px){.mobile-footer{display:block;width:100%}}.footer-content{max-width:1200px;margin:0 auto;text-align:center;display:flex}.footer-brand{display:flex!important;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.footer-logo{font-size:2rem}.footer-text h3{color:gold;font-size:1.2rem;margin:0}.footer-text p{color:#ffffffb3;font-size:.9rem;margin:5px 0 0}.footer-quick-nav{display:block;justify-content:center;gap:15px;margin-bottom:20px;flex-wrap:wrap}.footer-quick-nav button,.footer-quick-nav a{background:#ffffff1a;border:1px solid rgba(218,165,32,.2);border-radius:6px;padding:8px 15px;color:gold;text-decoration:none;font-size:.9rem;cursor:pointer;transition:all .3s ease}.footer-quick-nav button:hover,.footer-quick-nav a:hover{background:#daa52033;transform:translateY(-2px)}.footer-copyright{color:#ffffff80;font-size:.8rem;margin-top:20px}@keyframes progress-load{0%{width:0%}to{width:100%}}@keyframes pulse-glow{0%{opacity:.8;text-shadow:0 0 10px rgba(255,215,0,.5)}to{opacity:1;text-shadow:0 0 20px rgba(255,215,0,.8),0 0 30px rgba(255,215,0,.4)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.fade-in{opacity:0;animation:fadeIn .8s ease forwards}@keyframes fadeIn{to{opacity:1}}@media screen and (max-width:768px){.hide-on-mobile{display:none!important}}.show-on-mobile{display:none!important}@media screen and (max-width:768px){.show-on-mobile{display:block!important}}.no-backdropfilter .gold-sticky-header{background:#141414f2}.no-cssgrid .landing-root{display:block}@media print{.gold-sticky-header,.mobile-footer,.orientation-warning,.loader-overlay{display:none!important}body{color:#000;background:#fff}}.logo{width:60px;height:60px;border-radius:10px;object-fit:cover;margin-right:10px;position:flex;display:inline-block}.btn-micro{position:relative;overflow:hidden}.btn-micro:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.btn-micro:focus:after{animation:ripple 1s ease-out}.glass-effect{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.cf-wrapper{background:radial-gradient(circle at top left,#fff7ed,#fefce8 45%,#fff);border-radius:2rem;padding:2.5rem 2rem;box-shadow:0 18px 45px #0f172a1f;border:1px solid rgba(251,191,36,.4);position:relative;overflow:hidden}.cf-wrapper:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 0% 0%,rgba(244,165,96,.18),transparent 50%),radial-gradient(circle at 100% 100%,rgba(234,179,8,.2),transparent 50%);opacity:.8;pointer-events:none}.cf-header{position:relative;z-index:1;margin-bottom:1.75rem}.cf-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.2rem .75rem;border-radius:999px;background:#f59e0b14;border:1px solid rgba(250,204,21,.7);margin-bottom:.75rem}.cf-pill-dot{width:8px;height:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 12px #16a34acc}.cf-pill-text{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:#92400e}.cf-title{font-size:1.75rem;font-weight:800;letter-spacing:.03em;margin-bottom:.4rem;background:linear-gradient(120deg,#b45309,#f59e0b,#6b21a8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cf-subtitle{font-size:.95rem;color:#4b5563;max-width:540px}.cf-body{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:2rem;align-items:flex-start}.cf-form{background:#ffffffe6;border-radius:1.5rem;padding:1.5rem 1.4rem;border:1px solid rgba(209,213,219,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cf-field{margin-bottom:1rem}.cf-field label{display:block;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#374151;margin-bottom:.3rem}.cf-field input,.cf-field textarea{width:100%;border-radius:.75rem;border:1px solid #e5e7eb;padding:.75rem .85rem;font-size:.92rem;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;background:#f9fafbf2}.cf-field input:focus,.cf-field textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b66,0 10px 25px #fbbf2459;background:#fff}.cf-field textarea{resize:vertical;min-height:110px}.cf-alert{padding:.65rem .75rem;border-radius:.75rem;font-size:.82rem;margin-bottom:.65rem}.cf-alert-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.cf-alert-success{background:#ecfdf3;color:#166534;border:1px solid #bbf7d0}.cf-submit-btn{margin-top:.4rem;width:100%;border:none;border-radius:999px;padding:.85rem 1rem;font-size:.96rem;font-weight:700;cursor:pointer;background:linear-gradient(120deg,#f97316,#facc15);color:#111827;box-shadow:0 14px 30px #f59e0b73;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.cf-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 40px #f59e0b99}.cf-submit-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 6px 16px #f59e0b80}.cf-submit-btn:disabled{opacity:.6;cursor:default}.cf-footnote{margin-top:.55rem;font-size:.72rem;color:#6b7280}.cf-side{display:flex;flex-direction:column;gap:1rem}.cf-side-card{background:radial-gradient(circle at top left,#111827,#020617);border-radius:1.5rem;padding:1.2rem 1.1rem;color:#e5e7eb;border:1px solid rgba(55,65,81,.8);box-shadow:0 18px 40px #0f172abf}.cf-side-card h4{margin-bottom:.6rem;font-size:1rem;font-weight:700}.cf-side-card ul{list-style:none;padding:0;margin:0;font-size:.86rem}.cf-side-card li{display:flex;align-items:flex-start;gap:.35rem;margin-bottom:.35rem}.cf-side-card li:before{content:"▹";font-size:.7rem;color:#fbbf24;margin-top:.15rem}.cf-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.cf-metric{background:#ffffffd9;border-radius:1rem;padding:.65rem .7rem;text-align:left;border:1px solid rgba(209,213,219,.8)}.cf-metric-value{font-weight:800;font-size:1.05rem;background:linear-gradient(120deg,#b45309,#f97316);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cf-metric-label{margin-top:.2rem;font-size:.75rem;color:#4b5563}.cf-badge{margin-top:.25rem;display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .6rem;border-radius:999px;background:#0f172aeb;color:#e5e7eb;font-size:.75rem;border:1px solid rgba(148,163,184,.6)}.cf-badge-dot{width:10px;height:10px;border-radius:999px;background:#22c55e;box-shadow:0 0 12px #22c55ee6}@media(max-width:900px){.cf-body{grid-template-columns:minmax(0,1fr)}.cf-side{order:-1}}@media(max-width:640px){.cf-wrapper{padding:1.8rem 1.4rem;border-radius:1.5rem}.cf-title{font-size:1.45rem}.cf-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.cf-metrics{grid-template-columns:minmax(0,1fr)}}.cf-field-group{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media(max-width:768px){.cf-field-group{grid-template-columns:1fr;gap:1rem}}.cf-label-text{display:block;font-weight:600;color:#333;margin-bottom:4px}.cf-label-hint{display:block;font-size:.8rem;color:#666;font-weight:400}.cf-input-error{border-color:#f44!important;box-shadow:0 0 0 2px #ff44441a!important}.cf-textarea-hint{text-align:right;font-size:.8rem;color:#666;margin-top:4px}.cf-alert{border-radius:10px;padding:1rem 1.25rem;margin:1.5rem 0;display:flex;align-items:flex-start;gap:12px;animation:slideIn .3s ease}.cf-alert-error{background:linear-gradient(135deg,#ff44441a,#ff44440d);border:1px solid rgba(255,68,68,.3);color:#c00}.cf-alert-success{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.3);color:#059669}.cf-alert.expanded{padding:1.5rem}.cf-alert-icon{font-size:1.25rem;flex-shrink:0;margin-top:2px}.cf-alert-content{flex:1;font-size:.95rem}.cf-alert-close{background:none;border:none;color:inherit;opacity:.6;cursor:pointer;font-size:1.1rem;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:opacity .3s;flex-shrink:0}.cf-alert-close:hover{opacity:1;background:#0000000d}.cf-success-details{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(34,197,94,.3)}.cf-success-timeline{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.cf-timeline-step{display:flex;align-items:center;gap:12px}.cf-step-icon{width:32px;height:32px;background:#22c55e1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.cf-step-text{font-size:.9rem;color:#333}.cf-success-note{background:#daa5201a;border:1px solid rgba(218,165,32,.3);border-radius:8px;padding:.75rem;font-size:.9rem;color:#8b6914;text-align:center;margin-top:1rem}.cf-submit-section{margin:2rem 0}.cf-submit-btn{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#daa520,gold);border:none;border-radius:12px;color:#000;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 20px #daa5204d}.cf-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #daa52066}.cf-submit-btn:active:not(:disabled){transform:translateY(0)}.cf-submit-btn:disabled{opacity:.6;cursor:not-allowed}.cf-loading-spinner{width:18px;height:18px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:spin 1s linear infinite}.cf-submit-info{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;flex-wrap:wrap}.cf-info-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#666}.cf-info-icon{font-size:.9rem;opacity:.8}.cf-legal{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.1);font-size:.85rem;color:#666}.cf-link{color:#daa520;text-decoration:none;font-weight:500}.cf-link:hover{text-decoration:underline}.cf-trust-badges{display:flex;gap:10px;margin-top:1rem;flex-wrap:wrap}.cf-badge{background:#daa5201a;color:#8b6914;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500;border:1px solid rgba(218,165,32,.3)}.cf-side-card.gold-border{border:2px solid rgba(218,165,32,.2);border-radius:15px;padding:1.5rem;background:linear-gradient(135deg,#ffffffe6,#ffffffb3)}.cf-side-title{color:#daa520;font-size:1.3rem;margin-bottom:1.5rem;text-align:center}.cf-feature-list{display:flex;flex-direction:column;gap:1.25rem}.cf-feature-item{display:flex;align-items:flex-start;gap:12px}.cf-feature-icon{width:36px;height:36px;background:linear-gradient(135deg,#daa5201a,#ffd7001a);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.cf-feature-content{flex:1}.cf-feature-content strong{display:block;color:#333;margin-bottom:4px;font-size:.95rem}.cf-feature-content p{color:#666;font-size:.85rem;line-height:1.4;margin:0}.cf-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}@media(max-width:768px){.cf-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.cf-metrics{grid-template-columns:1fr}}.cf-metric.gold-gradient{background:linear-gradient(135deg,#daa5201a,#ffd7000d);border:1px solid rgba(218,165,32,.2);border-radius:12px;padding:1rem;text-align:center}.cf-metric-value{font-size:1.8rem;font-weight:700;color:#daa520;margin-bottom:4px}.cf-metric-label{font-size:.85rem;color:#333;font-weight:600;margin-bottom:4px}.cf-metric-sub{font-size:.75rem;color:#666}.cf-assurance{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#daa5200d;border-radius:12px;border:1px solid rgba(218,165,32,.1);margin:1.5rem 0}.cf-assurance-icon{font-size:2rem;flex-shrink:0}.cf-assurance-content h5{color:#333;margin:0 0 8px;font-size:1.1rem}.cf-assurance-content p{color:#666;font-size:.9rem;margin:0;line-height:1.4}.cf-contact-alternatives{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.1)}.cf-contact-alternatives h5{color:#333;margin-bottom:1rem;font-size:1.1rem}.cf-contact-options{display:flex;flex-direction:column;gap:10px}.cf-contact-option{display:flex;align-items:center;gap:10px;padding:12px 15px;background:#daa52014;border:1px solid rgba(218,165,32,.2);border-radius:10px;color:#333;text-decoration:none;transition:all .3s ease}.cf-contact-option:hover{background:#daa52026;transform:translate(5px)}.cf-option-icon{font-size:1.2rem}.cf-option-text{font-weight:500;font-size:.95rem}.slide-in{animation:slideIn .3s ease forwards}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.cw-section{padding:4rem 1rem;background:radial-gradient(circle at top left,#fff7ed,#fefce8 40%,#fff)}.cw-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:2.5rem;align-items:flex-start}.cw-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:999px;background:#f59e0b17;border:1px solid rgba(250,204,21,.7);margin-bottom:.9rem;font-size:.75rem;color:#92400e;text-transform:uppercase;letter-spacing:.18em;font-weight:600}.cw-dot{width:8px;height:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 10px #22c55ecc}.cw-title{font-size:2rem;font-weight:800;margin-bottom:.4rem;background:linear-gradient(120deg,#b45309,#f97316,#a855f7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cw-subtitle{font-size:.95rem;color:#4b5563;max-width:540px;margin-bottom:1.5rem}.cw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.cw-card{background:#fff;border-radius:1rem;padding:1rem;border:1px solid rgba(209,213,219,.8);box-shadow:0 12px 30px #0f172a0d;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.cw-card:hover{transform:translateY(-2px);border-color:#f59e0bb3;box-shadow:0 16px 40px #0f172a1a}.cw-badge{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#92400e;background:#fef3c7cc;padding:.15rem .5rem;border-radius:999px;margin-bottom:.4rem}.cw-card h3{font-size:.98rem;font-weight:700;margin-bottom:.25rem;color:#111827}.cw-card p{font-size:.85rem;color:#4b5563}.cw-right{display:flex;justify-content:flex-end}.cw-trust-score{width:100%;max-width:320px;background:radial-gradient(circle at top,#0f172a,#020617);border-radius:1.5rem;padding:1.3rem 1.2rem;color:#e5e7eb;border:1px solid rgba(55,65,81,.8);box-shadow:0 20px 45px #0f172ad9}.cw-trust-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.75rem}.cw-trust-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;color:#9ca3af}.cw-trust-value{font-size:1.8rem;font-weight:800;background:linear-gradient(140deg,#fbbf24,#f97316);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cw-trust-bar{width:100%;height:10px;border-radius:999px;background:#0f172ae6;border:1px solid rgba(75,85,99,.9);margin-bottom:.75rem;overflow:hidden}.cw-trust-fill{width:86%;height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#84cc16);box-shadow:0 0 20px #22c55ee6}.cw-trust-list{list-style:none;padding-left:0;margin:0 0 .75rem;font-size:.8rem;color:#e5e7eb}.cw-trust-list li{display:flex;align-items:flex-start;gap:.35rem;margin-bottom:.25rem}.cw-trust-list li:before{content:"•";color:#fbbf24;margin-top:.15rem}.cw-trust-footnote{font-size:.72rem;color:#9ca3af}@media(max-width:900px){.cw-inner{grid-template-columns:minmax(0,1fr)}.cw-right{justify-content:flex-start}}@media(max-width:640px){.cw-grid{grid-template-columns:minmax(0,1fr)}.cw-section{padding:3rem 1rem}}.hww-section{padding:4rem 1rem;background:linear-gradient(180deg,#fff,#f9fafb 40%,#fefce8)}.hww-inner{max-width:1120px;margin:0 auto}.hww-header{text-align:center;margin-bottom:2.25rem}.hww-kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.22em;font-weight:600;color:#92400e;margin-bottom:.4rem}.hww-title{font-size:2rem;font-weight:800;margin-bottom:.6rem;background:linear-gradient(120deg,#b45309,#f97316,#16a34a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hww-subtitle{max-width:600px;margin:0 auto;font-size:.95rem;color:#4b5563}.hww-steps{margin-top:1.5rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.hww-card{position:relative;padding:1.3rem 1.1rem 1.4rem;border-radius:1rem;background:#fff;border:1px solid rgba(209,213,219,.85);box-shadow:0 14px 35px #0f172a14;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.hww-card:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 0% 0%,rgba(251,191,36,.18),transparent 55%);opacity:0;transition:opacity .2s ease}.hww-card:hover{transform:translateY(-3px);border-color:#f8b518e6;box-shadow:0 20px 45px #0f172a24}.hww-card:hover:before{opacity:1}.hww-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;font-weight:600;color:#9ca3af;margin-bottom:.4rem}.hww-card-title{font-size:1.02rem;font-weight:700;margin-bottom:.4rem;color:#111827}.hww-card-body{font-size:.88rem;color:#4b5563;margin-bottom:.4rem}.hww-card-highlight{font-size:.8rem;color:#92400e;background:#fef3c7e6;border-radius:999px;padding:.25rem .5rem;display:inline-block}@media(max-width:900px){.hww-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.hww-steps{grid-template-columns:minmax(0,1fr)}.hww-section{padding:3rem 1rem}}.sl-strip{background:linear-gradient(120deg,#0f172a,#111827);color:#e5e7eb;padding:2.5rem 1rem 2.75rem;border-top:1px solid rgba(148,163,184,.4);border-bottom:1px solid rgba(148,163,184,.4)}.sl-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,2fr);gap:1.75rem;align-items:center}.sl-left{max-width:420px}.sl-pill{display:inline-block;padding:.2rem .6rem;border-radius:999px;border:1px solid rgba(251,191,36,.9);background:#1e40af1a;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#facc15;font-weight:600;margin-bottom:.5rem}.sl-title{margin:0;font-size:1.25rem;font-weight:700}.sl-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.sl-card{border-radius:1rem;padding:.7rem .8rem;background:radial-gradient(circle at top,#374151d9,#020617);border:1px solid rgba(148,163,184,.8);box-shadow:0 14px 34px #0f172ab3}.sl-value{font-size:1.1rem;font-weight:800;background:linear-gradient(120deg,#fbbf24,#f97316);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sl-label{font-size:.8rem;margin-top:.2rem}.sl-sub{font-size:.72rem;color:#9ca3af}.sl-footnote{max-width:1120px;margin:.6rem auto 0;font-size:.72rem;color:#9ca3af}@media(max-width:900px){.sl-inner{grid-template-columns:minmax(0,1fr)}.sl-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.sl-metrics{grid-template-columns:minmax(0,1fr)}.sl-strip{padding:2rem 1rem 2.2rem}}.gf-section{padding:4rem 1rem;background:radial-gradient(circle at top,#fef9c3,#fffbeb 45%,#fff)}.gf-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.2fr);gap:2.4rem;align-items:stretch}.gf-kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.22em;font-weight:600;color:#92400e;margin-bottom:.4rem}.gf-title{font-size:2rem;font-weight:800;margin-bottom:.6rem;background:linear-gradient(115deg,#b45309,#fbbf24,#16a34a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gf-subtitle{font-size:.95rem;color:#4b5563;max-width:560px;margin-bottom:1.4rem}.gf-lane-list{display:flex;flex-direction:column;gap:.8rem}.gf-lane-card{display:flex;gap:.7rem;padding:.7rem .8rem;background:#fff;border-radius:.9rem;border:1px solid rgba(209,213,219,.9);box-shadow:0 8px 20px #0f172a0f}.gf-lane-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,#f97316,#facc15);margin-top:.25rem}.gf-lane-body{flex:1}.gf-lane-label{font-size:.92rem;font-weight:600;color:#111827}.gf-lane-volume{font-size:.85rem;color:#4b5563}.gf-lane-tag{font-size:.78rem;color:#16a34a;background:#16a34a0f;border-radius:999px;padding:.1rem .5rem;display:inline-block;margin-top:.2rem}.gf-right{display:flex;justify-content:flex-end}.gf-map-card{width:100%;max-width:420px;background:radial-gradient(circle at top,#020617,#020617 55%,#0f172a);border-radius:1.5rem;padding:1.1rem 1.1rem 1.2rem;color:#e5e7eb;border:1px solid rgba(55,65,81,.85);box-shadow:0 24px 55px #0f172af2}.gf-map-header{display:flex;justify-content:space-between;gap:.8rem;margin-bottom:.7rem;align-items:center}.gf-map-title{font-size:.95rem;font-weight:700}.gf-map-sub{font-size:.78rem;color:#9ca3af}.gf-map-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;padding:.2rem .6rem;border-radius:999px;border:1px solid rgba(251,191,36,.85);background:#172554bf}.gf-map-dot{width:8px;height:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 10px #22c55e}.gf-map-body{position:relative;border-radius:1.1rem;overflow:hidden;border:1px solid rgba(30,64,175,.7);height:220px;margin-bottom:.7rem}.gf-map-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,rgba(59,130,246,.25),transparent 60%),radial-gradient(circle at 80% 100%,rgba(34,197,94,.28),transparent 60%),linear-gradient(135deg,#020617,#020617);opacity:.9}.gf-map-svg{position:relative;width:100%;height:100%}.gf-node-india{fill:#facc15;stroke:#f97316;stroke-width:2}.gf-node-gcc,.gf-node-eu,.gf-node-africa,.gf-node-asia{fill:#22c55e}.gf-route-main{stroke:#fbbf24;stroke-width:2.4;fill:none;stroke-dasharray:4 6}.gf-route-secondary{stroke:#38bdf8;stroke-width:1.8;fill:none;stroke-dasharray:3 5;opacity:.85}.gf-label{font-size:10px;fill:#e5e7eb}.gf-label-small{font-size:9px;fill:#9ca3af}.gf-map-footer{display:flex;flex-direction:column;gap:.4rem}.gf-legend{display:flex;flex-wrap:wrap;gap:.8rem;font-size:.76rem;color:#d1d5db}.gf-legend-item{display:inline-flex;align-items:center;gap:.3rem}.gf-legend-dot{width:8px;height:8px;border-radius:999px}.gf-legend-dot.main{background:#fbbf24}.gf-legend-dot.secondary{background:#38bdf8}.gf-footnote{font-size:.72rem;color:#9ca3af}@media(max-width:900px){.gf-inner{grid-template-columns:minmax(0,1fr)}.gf-right{justify-content:flex-start}.gf-map-card{max-width:100%}}@media(max-width:640px){.gf-section{padding:3rem 1rem}}.pg-section{padding:4rem 1rem;background:linear-gradient(180deg,#fff,#f9fafb 40%,#fef9c3)}.pg-inner{max-width:1120px;margin:0 auto}.pg-header{text-align:center;margin-bottom:2.2rem}.pg-kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.22em;font-weight:600;color:#92400e;margin-bottom:.35rem}.pg-title{font-size:2rem;font-weight:800;margin-bottom:.6rem;background:linear-gradient(115deg,#b45309,#f97316,#16a34a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pg-subtitle{max-width:620px;margin:0 auto;font-size:.95rem;color:#4b5563}.pg-grid{margin-top:1.6rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.pg-loading{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:.7rem;font-size:.9rem;color:#6b7280}.pg-spinner{width:18px;height:18px;border-radius:999px;border:2px solid rgba(209,213,219,.9);border-top-color:#f97316;animation:pg-spin .9s linear infinite}@keyframes pg-spin{to{transform:rotate(360deg)}}.pg-card{background:#fff;border-radius:1.1rem;overflow:hidden;border:1px solid rgba(209,213,219,.9);box-shadow:0 16px 40px #0f172a12;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.pg-card:hover{transform:translateY(-4px);border-color:#f59e0be6;box-shadow:0 24px 55px #0f172a24}.pg-image-wrapper{position:relative;overflow:hidden;max-height:180px}.pg-image{width:100%;height:180px;object-fit:cover;display:block;transition:transform .3s ease}.pg-card:hover .pg-image{transform:scale(1.03)}.pg-image-badge{position:absolute;bottom:10px;left:10px;font-size:.7rem;background:#0f172ad9;color:#f9fafb;padding:.25rem .55rem;border-radius:999px}.pg-card-body{padding:.9rem .95rem 1rem}.pg-category{font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;color:#9ca3af;margin-bottom:.2rem}.pg-name{font-size:1rem;font-weight:700;margin-bottom:.35rem;color:#111827}.pg-meta-row{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.4rem}.pg-unit{font-size:.8rem;color:#4b5563}.pg-price{font-size:.78rem;color:#6b7280}.pg-price-strong{font-weight:700;color:#b45309}.pg-footnote{font-size:.78rem;color:#6b7280}@media(max-width:900px){.pg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.pg-grid{grid-template-columns:minmax(0,1fr)}.pg-section{padding:3rem 1rem}}.dc-section{padding:4rem 1rem 4.25rem;background:linear-gradient(180deg,#fefce8,#fff 40%,#f9fafb);border-top:1px solid rgba(229,231,235,.9)}.dc-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.1fr);gap:2.4rem;align-items:flex-start}.dc-kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.22em;font-weight:600;color:#92400e;margin-bottom:.4rem}.dc-title{font-size:2rem;font-weight:800;margin-bottom:.6rem;background:linear-gradient(115deg,#b45309,#f97316,#16a34a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dc-subtitle{font-size:.95rem;color:#4b5563;max-width:540px;margin-bottom:1.2rem}.dc-list{list-style:none;padding-left:0;margin:0;display:grid;gap:.5rem}.dc-list li{display:flex;align-items:flex-start;gap:.4rem;font-size:.9rem;color:#374151}.dc-list li:before{content:"✓";color:#16a34a;font-weight:700;margin-top:.1rem}.dc-right{display:flex;justify-content:flex-end}.dc-card{width:100%;max-width:420px;background:#020617;border-radius:1.4rem;padding:1.1rem 1.1rem 1.2rem;color:#e5e7eb;border:1px solid rgba(55,65,81,.85);box-shadow:0 22px 52px #0f172af2}.dc-card-header{display:flex;justify-content:space-between;gap:.9rem;margin-bottom:.9rem;align-items:flex-start}.dc-card-title{font-size:.98rem;font-weight:700}.dc-card-sub{font-size:.8rem;color:#9ca3af}.dc-pill{font-size:.7rem;padding:.2rem .6rem;border-radius:999px;border:1px solid rgba(251,191,36,.9);background:#172554cc;text-transform:uppercase;letter-spacing:.14em}.dc-doc-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.6rem;margin-bottom:.6rem}.dc-doc-card{display:flex;gap:.6rem;align-items:center;padding:.6rem .7rem;background:#0f172ae6;border-radius:.9rem;border:1px solid rgba(30,64,175,.8);text-decoration:none;color:inherit;transition:background .18s ease,transform .18s ease,border-color .18s ease}.dc-doc-card:hover{background:radial-gradient(circle at top,#2563eb66,#020617);border-color:#818cf8e6;transform:translateY(-2px)}.dc-doc-icon{width:32px;height:32px;border-radius:.8rem;background:#0f172ae6;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.dc-doc-body{flex:1}.dc-doc-label{font-size:.86rem;font-weight:600}.dc-doc-meta{font-size:.78rem;color:#9ca3af}.dc-footnote{font-size:.72rem;color:#9ca3af}@media(max-width:900px){.dc-inner{grid-template-columns:minmax(0,1fr)}.dc-right{justify-content:flex-start}.dc-card{max-width:100%}}@media(max-width:640px){.dc-section{padding:3rem 1rem 3.25rem}}.trust-section{padding:4rem 1rem;background:radial-gradient(circle at top,#111827,#020617 55%,#000);color:#e5e7eb}.trust-inner{max-width:1120px;margin:0 auto}.trust-header{text-align:center;margin-bottom:2.5rem}.trust-title{font-size:2.25rem;font-weight:800;background:linear-gradient(120deg,#f97316,#facc15,#22c55e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.trust-sub{margin-top:.75rem;font-size:.95rem;color:#9ca3af}.trust-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.6fr);gap:1.75rem}.trust-gauge-card,.trust-metrics-card{border-radius:20px;padding:1.75rem;background:linear-gradient(135deg,#0f172af2,#18181bf2);border:1px solid rgba(248,250,252,.08);box-shadow:0 24px 60px #0f172aa6}.gauge-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.gauge-ring{position:relative;width:220px;height:220px;border-radius:9999px;background:conic-gradient(from 220deg,#15803d calc(var(--trust-score, 0) * 1%),#1f2937cc 0);display:flex;align-items:center;justify-content:center;padding:12px}.gauge-ring:after{content:"";position:absolute;inset:1.4rem;border-radius:inherit;background:radial-gradient(circle at top,#020617,#020617 65%,#0b1220)}.gauge-center{position:relative;text-align:center;z-index:1}.gauge-label{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#9ca3af}.gauge-value{display:block;font-size:2.75rem;font-weight:800;color:#facc15;text-shadow:0 0 12px rgba(250,204,21,.45)}.gauge-unit{font-size:.8rem;color:#6b7280}.gauge-footnote{margin-top:.75rem;font-size:.8rem;color:#9ca3af;text-align:center}.trust-error{margin-bottom:1rem;padding:.65rem .9rem;border-radius:.75rem;background:#ef444414;border:1px solid rgba(239,68,68,.4);color:#fecaca;font-size:.8rem}.metric-row{margin-bottom:1.25rem}.metric-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#9ca3af;margin-bottom:.2rem}.metric-value{font-size:1.05rem;font-weight:600;color:#e5e7eb}.metric-bar{margin-top:.4rem;height:8px;border-radius:9999px;background:#1f2937e6;overflow:hidden}.metric-bar-fill{height:100%;background:linear-gradient(90deg,#22c55e,#facc15);border-radius:inherit}.metric-pill-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.metric-pill{font-size:.75rem;padding:.25rem .6rem;border-radius:9999px;border:1px solid rgba(148,163,184,.5);background:#0f172ae6}.trust-bullets{list-style:none;padding:0;margin:1.25rem 0 0;font-size:.85rem;color:#9ca3af}.trust-bullets li{display:flex;gap:.4rem;margin-bottom:.35rem}.trust-bullets li:before{content:"•";color:#f97316}@media(max-width:900px){.trust-grid{grid-template-columns:minmax(0,1fr)}}.st-section{padding:4rem 1rem;background:radial-gradient(circle at top left,#020617 0% 45%,#0b1120);color:#e5e7eb}.st-inner{max-width:1120px;margin:0 auto}.st-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1.75rem}.st-title{font-size:1.75rem;font-weight:700}.st-sub{font-size:.92rem;color:#9ca3af}.st-toggle{display:inline-flex;background:#0f172ae6;border-radius:9999px;padding:3px;border:1px solid rgba(148,163,184,.5)}.st-toggle-btn{border:none;background:transparent;color:#9ca3af;padding:.4rem .9rem;font-size:.82rem;border-radius:9999px;cursor:pointer}.st-toggle-btn.active{background:linear-gradient(120deg,#f97316,#facc15);color:#111827;font-weight:600}.st-error{margin-bottom:.75rem;padding:.6rem .9rem;border-radius:.75rem;background:#ef44441f;border:1px solid rgba(239,68,68,.4);font-size:.8rem;color:#fecaca}.st-timeline-wrapper{border-radius:20px;background:linear-gradient(145deg,#0f172afa,#0a0a11fa);border:1px solid rgba(148,163,184,.35);padding:1.5rem;box-shadow:0 24px 60px #0f172ab3;min-height:220px}.st-loading,.st-empty{text-align:center;color:#9ca3af;font-size:.9rem}.st-timeline{display:flex;flex-direction:column;gap:1.25rem}.st-item{display:flex;gap:1rem}.st-marker-col{position:relative;width:24px;display:flex;justify-content:center}.st-dot{width:12px;height:12px;border-radius:9999px;background:radial-gradient(circle,#22c55e,#16a34a);box-shadow:0 0 12px #22c55eb3;margin-top:6px}.st-dot.simulated{background:radial-gradient(circle,#f97316,#ea580c);box-shadow:0 0 12px #f97316b3}.st-line{position:absolute;top:18px;bottom:-18px;width:2px;background:linear-gradient(to bottom,#4b5563e6,#1f293733)}.st-card{flex:1;border-radius:16px;background:radial-gradient(circle at top left,#0f172af2,#06080ffa);border:1px solid rgba(55,65,81,.7);padding:.85rem 1rem}.st-card-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:.4rem}.st-chip{font-size:.7rem;padding:.2rem .55rem;border-radius:9999px;border:1px solid rgba(148,163,184,.8);text-transform:uppercase;letter-spacing:.11em;color:#e5e7eb}.st-ref{font-size:.9rem;font-weight:600;color:#fef9c3}.st-card-body{font-size:.82rem;color:#9ca3af}.st-meta-row{display:flex;justify-content:space-between;margin-top:.25rem}.st-label{color:#6b7280}.st-value{color:#e5e7eb}.st-footer-note{margin-top:1rem;font-size:.78rem;color:#9ca3af}.st-footer-note code{background:#0f172acc;padding:.1rem .35rem;border-radius:.35rem}@media(max-width:768px){.st-header{flex-direction:column;align-items:flex-start}}.pulse-section{border-top:1px solid rgba(148,163,184,.35);border-bottom:1px solid rgba(148,163,184,.35);background:radial-gradient(circle at left,#020617 0% 60%,#0b1120);color:#e5e7eb}.pulse-inner{max-width:1120px;margin:0 auto;padding:.75rem 1rem;display:flex;align-items:center;gap:1.25rem}.pulse-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.14em;color:#94a3b8}.pulse-dot{width:8px;height:8px;border-radius:9999px;background:#22c55e;box-shadow:0 0 10px #22c55ee6}.pulse-error{font-size:.78rem;color:#fecaca}.pulse-ticker{flex:1;overflow:hidden;position:relative}.pulse-track{display:inline-flex;gap:1rem;animation:pulseScroll 30s linear infinite}.pulse-chip{display:inline-flex;align-items:baseline;gap:.5rem;padding:.3rem .75rem;border-radius:9999px;background:#0f172acc;border:1px solid rgba(51,65,85,.9);font-size:.8rem}.pulse-commodity{font-weight:600;color:#facc15}.pulse-market{color:#9ca3af}.pulse-price{font-weight:500;color:#22c55e}.pulse-unit{color:#6b7280;font-size:.75rem}@keyframes pulseScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:768px){.pulse-inner{flex-direction:column;align-items:flex-start}}.ai-section{padding:4rem 1rem;background:radial-gradient(circle at top,#020617,#0f172a,#020617);color:#e5e7eb}.ai-inner{max-width:1120px;margin:0 auto}.ai-header{text-align:center;margin-bottom:2rem}.ai-title{font-size:1.8rem;font-weight:800;background:linear-gradient(120deg,#22c55e,#facc15);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ai-sub{margin-top:.75rem;font-size:.95rem;color:#9ca3af}.ai-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.7fr);gap:1.5rem}.ai-input-panel,.ai-answer-panel{border-radius:18px;background:linear-gradient(145deg,#0f172afa,#06080ff5);border:1px solid rgba(148,163,184,.35);padding:1.25rem 1.5rem}.ai-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#9ca3af}.ai-textarea{margin-top:.4rem;width:100%;border-radius:.75rem;border:1px solid rgba(55,65,81,.9);background:#020617;color:#e5e7eb;padding:.75rem .9rem;resize:vertical;font-size:.9rem}.ai-textarea:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 1px #22c55e80}.ai-error{margin-top:.5rem;font-size:.8rem;color:#fecaca;background:#7f1d1d66;border-radius:.5rem;padding:.45rem .65rem}.ai-actions{margin-top:.8rem;display:flex;justify-content:flex-end}.ai-btn{border:none;border-radius:9999px;padding:.55rem 1.4rem;background:linear-gradient(120deg,#22c55e,#facc15);color:#0f172a;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 12px 30px #22c55e59}.ai-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.ai-answer-header{display:flex;justify-content:space-between;align-items:center}.ai-chip{font-size:.7rem;padding:.25rem .7rem;border-radius:9999px;border:1px solid rgba(148,163,184,.6);text-transform:uppercase;letter-spacing:.11em}.ai-answer-body{margin-top:.75rem;min-height:120px;font-size:.9rem}.ai-placeholder{color:#9ca3af;font-size:.85rem}.ai-answer-text p{margin-bottom:.35rem}.ai-footnote{margin-top:1rem;font-size:.78rem;color:#9ca3af}@media(max-width:900px){.ai-grid{grid-template-columns:minmax(0,1fr)}}.ai-section{padding:4rem 2rem;background:linear-gradient(135deg,#f8f5f0,#fff9f0);border-top:1px solid #e8e2d6;border-bottom:1px solid #e8e2d6}.ai-inner{max-width:1200px;margin:0 auto}.ai-header{text-align:center;margin-bottom:3rem}.ai-title{font-size:2.5rem;color:#8b4513;margin-bottom:1rem;font-weight:700}.ai-sub{font-size:1.1rem;color:#666;max-width:800px;margin:0 auto 2rem;line-height:1.6}.ai-examples{margin-top:2rem}.ai-examples-label{font-size:.9rem;color:#888;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.ai-examples-grid{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.ai-example-btn{padding:.5rem 1rem;background:#fff;border:1px solid #d4b896;border-radius:20px;color:#8b4513;font-size:.9rem;cursor:pointer;transition:all .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.ai-example-btn:hover{background:#8b4513;color:#fff;border-color:#8b4513}.ai-example-btn:disabled{opacity:.6;cursor:not-allowed}.ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}@media(max-width:768px){.ai-grid{grid-template-columns:1fr}}.ai-input-panel,.ai-answer-panel{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #8b45131a;border:1px solid #e8d7c2}.ai-label{display:block;font-weight:600;color:#8b4513;margin-bottom:.75rem;font-size:1rem}.ai-textarea{width:100%;padding:1rem;border:2px solid #e8d7c2;border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;min-height:120px;transition:border-color .3s ease}.ai-textarea:focus{outline:none;border-color:#8b4513}.ai-textarea:disabled{background-color:#f9f9f9;cursor:not-allowed}.ai-char-count{text-align:right;font-size:.85rem;color:#888;margin-top:.5rem}.ai-actions{display:flex;gap:1rem;margin-top:1.5rem}.ai-btn{flex:1;padding:.875rem 1.5rem;background:linear-gradient(135deg,#8b4513,sienna);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.ai-btn:hover:not(:disabled){background:linear-gradient(135deg,sienna,#8b4513);transform:translateY(-1px);box-shadow:0 4px 12px #8b451333}.ai-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ai-btn-secondary{padding:.875rem 1.5rem;background:transparent;color:#8b4513;border:2px solid #e8d7c2;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.ai-btn-secondary:hover:not(:disabled){background:#f8f5f0;border-color:#8b4513}.ai-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.ai-error{margin-top:1rem;padding:.75rem;background:#fee;border:1px solid #fcc;border-radius:6px;color:#c00;font-size:.9rem;display:flex;align-items:flex-start;gap:.5rem}.ai-error-icon{font-size:1rem;line-height:1}.ai-answer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #f0e6db}.ai-chip{padding:.25rem .75rem;background:linear-gradient(135deg,#f0e6db,#e8d7c2);color:#8b4513;border-radius:20px;font-size:.85rem;font-weight:600}.ai-timestamp{font-size:.8rem;color:#888}.ai-answer-body{min-height:200px}.ai-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.ai-loading-spinner{width:40px;height:40px;border:3px solid #f0e6db;border-radius:50%;border-top-color:#8b4513;animation:spin 1s linear infinite;margin-bottom:1rem}.ai-loading-sub{font-size:.9rem;color:#888;margin-top:.5rem}.ai-placeholder{padding:3rem 1rem;text-align:center;color:#888;font-style:italic}.ai-placeholder.error{color:#c00;font-style:normal}.ai-placeholder-sub{font-size:.9rem;margin-top:.5rem;color:#aaa}.ai-answer-text{font-size:1rem;line-height:1.7;color:#333}.ai-answer-text p{margin-bottom:1rem}.ai-answer-text p:last-child{margin-bottom:0}.ai-answer-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #f0e6db}.ai-disclaimer{font-size:.85rem;color:#888;font-style:italic;text-align:center}.ai-footnote{text-align:center;font-size:.85rem;color:#888;max-width:800px;margin:2rem auto 0;padding-top:2rem;border-top:1px solid #e8d7c2;line-height:1.6}.dr-section{padding:4rem 1rem 5rem;background:radial-gradient(circle at bottom,#0b1120,#020617,#000);color:#e5e7eb}.dr-inner{max-width:1120px;margin:0 auto}.dr-header{text-align:center;margin-bottom:2rem}.dr-title{font-size:1.8rem;font-weight:800}.dr-sub{margin-top:.6rem;font-size:.9rem;color:#9ca3af}.dr-error{margin-bottom:.75rem;padding:.6rem .9rem;border-radius:.75rem;background:#ef44441f;border:1px solid rgba(239,68,68,.4);font-size:.8rem;color:#fecaca}.dr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.dr-card{border-radius:18px;padding:1.2rem 1.3rem;background:radial-gradient(circle at top left,#0f172afa,#06060cfa);border:1px solid rgba(148,163,184,.4);box-shadow:0 18px 40px #0f172abf;display:flex;flex-direction:column;gap:.7rem}.dr-card.rfq{border-color:#f9731699}.dr-card.real{border-color:#22c55ea6}.dr-card-header{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.dr-chip{padding:.25rem .7rem;border-radius:9999px;border:1px solid rgba(148,163,184,.7);text-transform:uppercase;letter-spacing:.12em}.dr-status{text-transform:capitalize;font-size:.75rem}.dr-status-confirmed{color:#4ade80}.dr-status-open{color:#facc15}.dr-status-negotiation{color:#fb923c}.dr-card-title{font-size:1rem;font-weight:600;color:#fef9c3}.dr-meta{font-size:.82rem;color:#9ca3af}.dr-meta-row{display:flex;justify-content:space-between;margin-bottom:.2rem}.dr-cta{margin-top:auto;border:none;border-radius:9999px;padding:.45rem .9rem;font-size:.82rem;font-weight:500;cursor:pointer;background:linear-gradient(120deg,#f97316,#facc15);color:#0f172a}.dr-empty{grid-column:1 / -1;text-align:center;font-size:.85rem;color:#9ca3af}.ls-strip{background:radial-gradient(circle at top,#111827,#020617 55%,#000);border-bottom:1px solid rgba(148,163,184,.35);color:#e5e7eb}.ls-inner{max-width:1120px;margin:0 auto;padding:.85rem 1rem 1.25rem}.ls-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border-radius:9999px;background:linear-gradient(120deg,#f4a56026,#d4af3733);border:1px solid rgba(250,204,21,.6);margin-bottom:.75rem}.ls-dot{width:8px;height:8px;border-radius:9999px;background:#22c55e;box-shadow:0 0 10px #22c55ecc}.ls-pill-text{font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;color:#f9fafb}.ls-error{display:inline-block;margin-left:.75rem;font-size:.78rem;color:#fecaca}.ls-grid{margin-top:.4rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.ls-card{border-radius:16px;padding:.75rem .9rem;background:radial-gradient(circle at top left,#0f172afa,#06060cf5);border:1px solid rgba(148,163,184,.4);box-shadow:0 8px 22px #0f172ab3}.ls-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.13em;color:#e5e7eb;opacity:.85}.ls-value{margin-top:.25rem;font-size:1.2rem;font-weight:700;background:linear-gradient(120deg,#fbbf24,#f97316);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ls-caption{margin-top:.25rem;font-size:.78rem;color:#9ca3af}.ls-animate{animation:lsPulse 2.4s ease-in-out infinite}@keyframes lsPulse{0%,to{transform:translateY(0);text-shadow:0 0 0 rgba(250,204,21,0)}50%{transform:translateY(-1px);text-shadow:0 0 10px rgba(250,204,21,.4)}}@media(max-width:900px){.ls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.ls-grid{grid-template-columns:minmax(0,1fr)}}.hero-wrapper{position:relative;padding:4.5rem 1.25rem 3rem;overflow:hidden}.hero-background-orbit{position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(255,184,0,.16),transparent 55%),radial-gradient(circle at bottom right,rgba(190,242,100,.14),transparent 60%);pointer-events:none}.hero-grid{position:relative;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,2fr);gap:2.75rem}.hero-left{z-index:1}.hero-right{z-index:1;display:flex;flex-direction:column;gap:1rem}.hero-eyebrow{font-size:.9rem;letter-spacing:.16em;text-transform:uppercase;color:#a5b4fc;margin-bottom:.5rem}.hero-title{font-size:2.7rem;line-height:1.1;letter-spacing:-.04em;margin-bottom:.75rem}.hero-title-highlight{background:linear-gradient(90deg,gold,#f93,#c21807);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.02rem;color:#cbd5f5;max-width:34rem;margin-bottom:1.4rem}.hero-cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.hero-cta{padding:.75rem 1.4rem;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.hero-cta.primary{background:linear-gradient(135deg,#f93,gold);color:#111827;box-shadow:0 16px 40px #f8be3c59}.hero-cta.primary:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 20px 50px #f8be3c80}.hero-cta.ghost{background:transparent;border-color:#94a3b880;color:#e5e7eb}.hero-cta.ghost:hover{background:#0f172a99;transform:translateY(-1px)}.hero-meta-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.hero-meta-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;background:#0f172acc;border:1px solid rgba(148,163,184,.45);font-size:.8rem;color:#e5e7eb}.dot{width:8px;height:8px;border-radius:999px}.dot.live{background:#22c55e;box-shadow:0 0 12px #22c55ed9}.dot.verified{background:#38bdf8;box-shadow:0 0 12px #38bdf8d9}.hero-login-row{margin-top:.5rem;display:flex;align-items:baseline;gap:.3rem;font-size:.85rem}.hero-login-label{color:#9ca3af}.hero-login-link{color:#fbbf24;text-decoration:none;font-weight:600}.hero-login-link:hover{text-decoration:underline}.hero-card-main{background:radial-gradient(circle at top left,#f8fafc14,#020617);border-radius:22px;border:1px solid rgba(148,163,184,.45);padding:1.1rem 1.15rem;box-shadow:0 18px 45px #0f172ab3,0 0 0 1px #0f172acc}.hero-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.hero-chip{font-size:.75rem;padding:.3rem .7rem;border-radius:999px;background:#22c55e26;color:#bbf7d0}.hero-chip-outline{font-size:.72rem;padding:.25rem .7rem;border-radius:999px;border:1px dashed rgba(148,163,184,.6);color:#e5e7eb}.hero-card-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:.8rem}.hero-stat-label{font-size:.7rem;text-transform:uppercase;color:#9ca3af;letter-spacing:.16em;margin-bottom:.1rem}.hero-stat-value{font-size:1.4rem;font-weight:700}.hero-stat-value.green{color:#22c55e}.hero-stat-meta{font-size:.75rem;color:#9ca3af}.hero-mini-strip{display:flex;justify-content:space-between;gap:1rem;padding-top:.6rem;margin-top:.4rem;border-top:1px dashed rgba(148,163,184,.4)}.mini-label{display:block;font-size:.7rem;color:#94a3b8;text-transform:uppercase}.mini-value{font-size:.85rem;color:#e5e7eb}.hero-badges-row{display:flex;flex-wrap:wrap;gap:.45rem}.hero-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:999px;background:#0f172acc;border:1px solid rgba(51,65,85,.9);font-size:.75rem;color:#e5e7eb}@media(max-width:960px){.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-wrapper{padding-top:3.5rem}.hero-card-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.hero-title{font-size:2.2rem}.hero-subtitle{font-size:.97rem}.hero-card-stats{grid-template-columns:minmax(0,1fr)}}.floating-farm-btn{position:fixed;bottom:30px;right:30px;z-index:1000}.floating-farm-btn button{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,gold,#daa520);border:none;color:#000;font-size:1.5rem;cursor:pointer;box-shadow:0 6px 20px #ffd70066;transition:all .3s ease}.floating-farm-btn button:hover{transform:scale(1.1) rotate(10deg);box-shadow:0 10px 30px #ffd70099}.live-farm-btn{background:linear-gradient(135deg,gold,#daa520,#b8860b);border:none;border-radius:40px;padding:14px 28px;color:#000;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 6px 20px #ffd7004d;position:relative;overflow:hidden}.live-farm-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #ffd70066;background:linear-gradient(135deg,#ffed4e,gold,#daa520)}.live-farm-btn:active{transform:translateY(-1px)}.feature-card{background:#4241411a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:40px;padding:.5rem;text-align:center;border:1px solid rgba(255,215,0,.3);transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:gold;box-shadow:0 15px 35px #ffd70033}.feature-icon{font-size:3rem;margin-bottom:1rem}.freight-wrapper{padding:3rem 1.25rem 3.5rem;background:radial-gradient(circle at top,#020617 0 30%,#020617)}.freight-inner{max-width:1200px;margin:0 auto}.freight-header{text-align:center;margin-bottom:2rem}.freight-header h2{font-size:2.1rem;margin-bottom:.4rem}.freight-header p{color:#9ca3af;max-width:34rem;margin:0 auto}.freight-panel{border-radius:24px;padding:1.75rem 1.6rem;background:radial-gradient(circle at top left,#0f172ab3,#020617);border:1px solid rgba(56,189,248,.3);box-shadow:0 24px 60px #0f172ad9}.freight-panel-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.25rem}.freight-panel-header h3{font-size:1.25rem}.freight-panel-header p{font-size:.85rem;color:#9ca3af}.freight-status{display:flex;gap:.5rem;flex-wrap:wrap}.pill{font-size:.75rem;padding:.3rem .7rem;border-radius:999px;border:1px solid transparent}.pill.green{background:#10b9812e;color:#bbf7d0;border-color:#10b9814d}.pill.soft{background:#0f172acc;color:#e5e7eb;border-color:#94a3b866}.freight-map{position:relative;margin-bottom:1.6rem;border-radius:22px;overflow:hidden;height:260px;border:1px solid rgba(56,189,248,.4)}.freight-ocean-bg{position:absolute;inset:0;background:radial-gradient(circle at top,#0ea5e9,#020617 60%);opacity:.9}.freight-svg{position:absolute;inset:0;width:100%;height:100%}.freight-ship{position:absolute;display:flex;flex-direction:column;align-items:center}.freight-ship-dot{width:32px;height:32px;border-radius:999px;border:none;background:#10b981;color:#f9fafb;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 18px #22c55ee6}.freight-ship-dot:hover{transform:translateY(-1px) scale(1.03)}.freight-ship-label{margin-top:.25rem;font-size:.7rem;color:#bbf7d0}.freight-ship-cam{position:absolute;right:.75rem;top:.75rem;padding:.55rem .7rem;border-radius:.75rem;background:#f87171f2;color:#f9fafb;font-size:.7rem}.ship-cam-title{font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem}.ship-cam-meta{font-size:.7rem}.ship-cam-meta.small{opacity:.92}.freight-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.freight-card{border-radius:18px;padding:1rem;color:#f9fafb;font-size:.88rem}.freight-card.green{background:linear-gradient(135deg,#064e3b,#047857)}.freight-card.blue{background:linear-gradient(135deg,#0b1120,#1d4ed8)}.freight-card.purple{background:linear-gradient(135deg,#1e1033,#5b21b6)}.freight-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.freight-card-head h4{font-size:1rem}.badge{font-size:.7rem;padding:.25rem .6rem;border-radius:999px;background:#0f172a33;border:1px solid rgba(248,250,252,.4)}.freight-card dl{display:grid;gap:.25rem;margin-bottom:.7rem}.freight-card dt{font-size:.7rem;text-transform:uppercase;opacity:.75}.freight-card dd{margin:0}.freight-progress{height:8px;border-radius:999px;background:#0f172a59;overflow:hidden}.freight-progress>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#4ade80)}@media(max-width:960px){.freight-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.freight-panel-header{flex-direction:column;align-items:flex-start}.freight-map{height:220px}.freight-cards{grid-template-columns:minmax(0,1fr)}}.lf-wrapper{padding:3.2rem 1.25rem 3.5rem;background:radial-gradient(circle at top,#0b1120 0,#020617 70%)}.lf-inner{max-width:1200px;margin:0 auto}.lf-header{display:flex;justify-content:space-between;gap:1.5rem;align-items:center;margin-bottom:1.75rem}.lf-header h2{font-size:2rem}.lf-header p{color:#9ca3af;margin-top:.25rem}.lf-pill{padding:.35rem .8rem;border-radius:999px;border:1px solid rgba(148,163,184,.6);font-size:.8rem;display:inline-flex;align-items:center;gap:.4rem;color:#e5e7eb}.lf-dot{width:9px;height:9px;border-radius:999px;background:#22c55e;box-shadow:0 0 12px #22c55ee6}.lf-grid{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(0,1.4fr);gap:1.5rem}.lf-main{display:flex;flex-direction:column;gap:.9rem}.lf-main-video{border-radius:22px;border:1px solid rgba(55,65,81,.9);background:radial-gradient(circle at top left,#111827,#020617);overflow:hidden}.lf-video-header{display:flex;gap:.5rem;align-items:baseline;padding:.7rem .8rem;border-bottom:1px solid rgba(31,41,55,.9)}.lf-live-pill{padding:.2rem .6rem;border-radius:999px;background:#ef4444;color:#f9fafb;font-size:.72rem;letter-spacing:.12em}.lf-video-title{font-size:.9rem;font-weight:600}.lf-video-meta{margin-left:auto;font-size:.75rem;color:#9ca3af}.lf-video-placeholder{position:relative;height:230px;overflow:hidden}.lf-video-gradient{position:absolute;inset:0;background:radial-gradient(circle at center,#16a34a,#0f172a 60%);opacity:.9}.lf-video-overlay{position:absolute;inset:0;padding:.75rem .85rem;display:flex;flex-direction:column;justify-content:space-between}.lf-video-tag{align-self:flex-start;padding:.2rem .55rem;border-radius:999px;background:#0f172acc;font-size:.72rem}.lf-video-center{align-self:center;position:relative;width:80px;height:80px}.lf-play-ring{position:absolute;inset:0;border-radius:999px;border:2px solid rgba(249,250,251,.7);box-shadow:0 0 22px #22c55eb3}.lf-play-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.lf-video-footer{display:flex;justify-content:space-between;font-size:.75rem}.lf-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.lf-metric{border-radius:.9rem;padding:.7rem .8rem;background:#0f172aeb;border:1px solid rgba(31,41,55,.9)}.lf-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#9ca3af}.lf-value{font-size:1.2rem;font-weight:700}.lf-side{border-radius:18px;padding:1rem;background:radial-gradient(circle at top right,#172554,#020617);border:1px solid rgba(59,130,246,.6)}.lf-side-title{font-size:.95rem;margin-bottom:.7rem}.lf-slots{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;margin-bottom:.7rem}.lf-slots li{padding:.55rem .6rem;border-radius:.7rem;background:#0f172ae6;border:1px solid rgba(30,64,175,.8)}.lf-slot-time{font-size:.75rem;color:#93c5fd}.lf-slot-title{display:block;font-size:.88rem}.lf-slot-meta{font-size:.75rem;color:#9ca3af}.lf-note{font-size:.8rem;color:#d1d5db}@media(max-width:960px){.lf-grid{grid-template-columns:minmax(0,1fr)}.lf-side{order:-1}}.ps-wrapper{padding:3rem 1.25rem 3.5rem;background:radial-gradient(circle at top,#020617 0 70%)}.ps-inner{max-width:1200px;margin:0 auto}.ps-header{text-align:center;margin-bottom:1.8rem}.ps-header h2{font-size:2rem}.ps-header p{color:#9ca3af;max-width:32rem;margin:.35rem auto 0}.ps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.ps-skeleton-card{height:220px;border-radius:18px;background:linear-gradient(90deg,#1e40af26,#0f172a99,#1e40af26);background-size:200% 100%;animation:psSkeleton 1.3s ease-in-out infinite}@keyframes psSkeleton{0%{background-position-x:0%}to{background-position-x:100%}}.ps-empty{grid-column:1 / -1;text-align:center;font-size:.95rem;color:#9ca3af}.ps-card{border-radius:18px;overflow:hidden;background:radial-gradient(circle at top left,#111827,#020617);border:1px solid rgba(31,41,55,.9);box-shadow:0 18px 45px #0f172ab3;display:flex;flex-direction:column}.ps-img-wrapper{position:relative;height:140px;overflow:hidden}.ps-img{width:100%;height:100%;object-fit:cover;transform:scale(1.02)}.ps-img-placeholder{width:100%;height:100%;background:radial-gradient(circle at center,#fb923c,#7c2d12);display:flex;align-items:center;justify-content:center;font-size:2.4rem;font-weight:700}.ps-pill-category{position:absolute;left:.75rem;bottom:.75rem;padding:.2rem .6rem;border-radius:999px;font-size:.72rem;background:#0f172ad9;color:#f9fafb}.ps-body{padding:.8rem .85rem .9rem}.ps-body h3{font-size:1rem;margin-bottom:.15rem}.ps-grade{font-size:.8rem;color:#9ca3af;margin-bottom:.5rem}.ps-price-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.ps-price-label{font-size:.72rem;text-transform:uppercase;color:#9ca3af;letter-spacing:.12em}.ps-price-value{font-size:.9rem;font-weight:600;color:#facc15}.ps-tags{list-style:none;padding:0;margin:0;border-top:1px dashed rgba(30,64,175,.8);padding-top:.5rem;font-size:.78rem;color:#cbd5f5}@media(max-width:1024px){.ps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.ps-grid{grid-template-columns:minmax(0,1fr)}}.video-carousel-section{margin:3rem 0 4rem;background:linear-gradient(135deg,#0a0a0ae6,#1e190fe6);border-radius:20px;padding:2.5rem;border:1px solid rgba(218,165,32,.2);box-shadow:0 15px 40px #0000004d;position:relative;overflow:hidden}.video-carousel-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#DAA520,transparent);animation:shimmer 3s infinite}.carousel-header{text-align:center;margin-bottom:2rem}.carousel-header h3{font-size:2.2rem;color:gold;margin-bottom:.5rem;font-family:Playfair Display,serif;background:linear-gradient(45deg,#daa520,gold,#f0c420);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.carousel-header p{color:#fffc;font-size:1.1rem;max-width:600px;margin:0 auto}.video-carousel-container{position:relative;display:flex;align-items:center;gap:1.5rem;max-width:1000px;margin:0 auto}.video-main-container{flex:1;overflow:hidden;border-radius:16px;position:relative;height:500px;box-shadow:0 20px 50px #00000080}.video-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:translate(100%);transition:all .6s ease-in-out;z-index:1}.video-item.active{opacity:1;transform:translate(0);z-index:2}.video-item.prev{transform:translate(-100%)}.product-video{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block}.video-info-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:2rem;border-bottom-left-radius:16px;border-bottom-right-radius:16px;color:#fff;transform:translateY(100%);transition:transform .3s ease}.video-item.active .video-info-overlay{transform:translateY(0)}.video-title{font-size:1.5rem;font-weight:600;color:gold;margin-bottom:.5rem}.video-description{font-size:1rem;color:#ffffffe6;opacity:0;transition:opacity .5s ease .2s}.video-item.active .video-description{opacity:1}.carousel-btn{background:#daa520e6;border:none;width:50px;height:50px;border-radius:50%;color:#000;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;box-shadow:0 5px 15px #daa5204d;flex-shrink:0}.carousel-btn:hover{background:gold;transform:scale(1.1);box-shadow:0 8px 20px #daa52080}.carousel-btn:active{transform:scale(.95)}.carousel-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.video-dots-nav{display:flex;justify-content:center;gap:12px;margin-top:2rem}.video-dot{width:12px;height:12px;border-radius:50%;border:2px solid #DAA520;background:transparent;cursor:pointer;transition:all .3s ease;padding:0}.video-dot.active{background:gold;transform:scale(1.2);box-shadow:0 0 10px gold}.video-dot:hover:not(.active){background:#daa52080;transform:scale(1.1)}.video-counter{text-align:center;margin-top:1rem;color:#ffffffb3;font-size:.9rem;font-weight:500}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@media screen and (min-width:1024px){.video-main-container{height:500px}}@media screen and (max-width:1023px)and (min-width:768px){.video-carousel-section{padding:2rem;margin:2.5rem 0 3.5rem}.video-main-container{height:400px}.carousel-header h3{font-size:1.8rem}.carousel-btn{width:45px;height:45px;font-size:1.3rem}}@media screen and (max-width:767px){.video-carousel-section{padding:1.5rem;margin:2rem 0 3rem;border-radius:16px}.video-main-container{height:300px;border-radius:12px}.video-carousel-container{gap:1rem}.carousel-header h3{font-size:1.5rem}.carousel-header p{font-size:.95rem}.carousel-btn{width:40px;height:40px;font-size:1.1rem}.video-info-overlay{padding:1.5rem}.video-title{font-size:1.2rem}.video-description{font-size:.9rem}.video-dots-nav{gap:8px}.video-dot{width:10px;height:10px}}@media screen and (max-width:480px){.video-carousel-section{padding:1rem;margin:1.5rem 0 2.5rem}.video-main-container{height:250px;border-radius:10px}.carousel-header h3{font-size:1.3rem}.carousel-header p{font-size:.85rem}.video-carousel-container{gap:.5rem}.carousel-btn{width:35px;height:35px;font-size:1rem}.video-info-overlay{padding:1rem}.video-title{font-size:1rem}.video-description{font-size:.8rem}.video-dots-nav{gap:6px}.video-dot{width:8px;height:8px;border-width:1px}}@media screen and (orientation:portrait)and (max-width:768px){.video-main-container{height:280px}}@media screen and (orientation:landscape)and (max-height:500px){.video-main-container{height:350px}.video-info-overlay{padding:1rem}.video-title{font-size:1.1rem;margin-bottom:.25rem}.video-description{font-size:.85rem}}.autoplay-indicator{position:absolute;top:15px;right:15px;background:#000000b3;color:gold;padding:5px 10px;border-radius:20px;font-size:.8rem;z-index:3;display:flex;align-items:center;gap:5px;animation:pulse-indicator 2s infinite}.autoplay-indicator:before{content:"▶";font-size:.7rem}@keyframes pulse-indicator{0%,to{opacity:.7}50%{opacity:1}}.video-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;border-radius:16px;z-index:1}.video-loading-spinner{width:50px;height:50px;border:3px solid rgba(218,165,32,.3);border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.video-loading-text{color:gold;font-size:1rem}.video-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000e6;border-radius:16px;color:#ff6b6b;text-align:center;padding:2rem;z-index:1}.video-error-icon{font-size:3rem;margin-bottom:1rem}.video-error-text{font-size:1.1rem;margin-bottom:.5rem}.video-error-subtext{font-size:.9rem;color:#ffffffb3}.far-wrapper{padding:3rem 1.25rem 3.5rem;background:radial-gradient(circle at top,#020617 0 70%)}.far-inner{max-width:1200px;margin:0 auto}.far-header{text-align:center;margin-bottom:1.7rem}.far-header h2{font-size:2rem}.far-header p{color:#9ca3af;max-width:30rem;margin:.35rem auto 0}.far-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.far-card{border-radius:18px;padding:.9rem .9rem 1rem;background:radial-gradient(circle at top left,#111827,#020617);border:1px solid rgba(55,65,81,.9);display:flex;gap:.75rem}.far-avatar{width:44px;height:44px;border-radius:999px;background:linear-gradient(135deg,#22c55e,#a3e635);display:flex;align-items:center;justify-content:center;color:#052e16;font-weight:700;font-size:1.2rem}.far-body h3{font-size:.98rem;margin-bottom:.1rem}.far-region{font-size:.8rem;color:#9ca3af;margin-bottom:.3rem}.far-story{font-size:.85rem;color:#e5e7eb}@media(max-width:1024px){.far-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.far-grid{grid-template-columns:minmax(0,1fr)}}.pt-wrapper{padding:2.5rem 1.25rem 3rem;background:radial-gradient(circle at top,#020617 0 70%)}.pt-inner{max-width:1200px;margin:0 auto;border-radius:24px;padding:1.5rem 1.4rem;background:radial-gradient(circle at top left,#111827,#020617);border:1px solid rgba(148,163,184,.4)}.pt-header{text-align:center;margin-bottom:1.2rem}.pt-header h2{font-size:1.8rem}.pt-header p{color:#9ca3af;max-width:32rem;margin:.3rem auto 0}.pt-pill-row{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.pt-pill{padding:.4rem .9rem;border-radius:999px;border:1px solid rgba(148,163,184,.7);font-size:.84rem;color:#e5e7eb}.bi-wrapper{padding:3.2rem 1.25rem 3.5rem;background:radial-gradient(circle at top,#020617 0 70%)}.bi-inner{max-width:1200px;margin:0 auto;border-radius:24px;padding:1.8rem 1.6rem;background:radial-gradient(circle at top right,#0f172a,#020617);border:1px solid rgba(148,163,184,.45);display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1.4fr);gap:1.8rem}.bi-left h2{font-size:1.9rem;margin-bottom:.4rem}.bi-left p{color:#9ca3af;font-size:.96rem;margin-bottom:.7rem}.bi-list{margin:0;padding-left:1.1rem;color:#e5e7eb;font-size:.9rem;margin-bottom:1rem}.bi-list li{margin-bottom:.35rem}.bi-cta-row{display:flex;flex-wrap:wrap;gap:.6rem}.bi-cta{padding:.7rem 1.2rem;border-radius:999px;text-decoration:none;font-size:.9rem;font-weight:600;border:1px solid transparent}.bi-cta.primary{background:linear-gradient(135deg,#f93,gold);color:#111827}.bi-cta.ghost{background:transparent;border-color:#94a3b8b3;color:#e5e7eb}.bi-card{border-radius:18px;padding:.9rem .9rem 1rem;background:radial-gradient(circle at top left,#020617,#020617);border:1px solid rgba(51,65,85,.9)}.bi-card-header{display:flex;justify-content:space-between;margin-bottom:.7rem}.bi-chip{font-size:.75rem;padding:.25rem .6rem;border-radius:999px;background:#22c55e33;color:#bbf7d0}.bi-chip-soft{font-size:.75rem;padding:.25rem .6rem;border-radius:999px;background:#0f172ae6;border:1px dashed rgba(148,163,184,.7)}.bi-chart{height:180px;display:flex;align-items:flex-end;gap:.5rem;margin-bottom:.7rem}.bi-bar{flex:1;border-radius:999px 999px 0 0;background:linear-gradient(180deg,#22c55e,#15803d);display:flex;align-items:flex-end;justify-content:center;font-size:.7rem;padding-bottom:.2rem}.bi-bar:nth-child(2){background:linear-gradient(180deg,#eab308,#92400e)}.bi-bar:nth-child(3){background:linear-gradient(180deg,#38bdf8,#0f766e)}.bi-bar:nth-child(4){background:linear-gradient(180deg,#a855f7,#6d28d9)}.bi-bar span{transform:rotate(-45deg);transform-origin:bottom center}.bi-footnote{font-size:.78rem;color:#9ca3af}@media(max-width:960px){.bi-inner{grid-template-columns:minmax(0,1fr)}}:root{--gold-1: #d4a017;--gold-2: #b37f04;--bg: #fffaf0;--surface: #ffffff;--muted: #6b6b6b;--accent-dark: #6b4b0a;--border: rgba(0,0,0,.06);--shadow: 0 10px 30px rgba(0,0,0,.06);--radius: 12px;--glass: rgba(255,255,255,.6);--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", monospace;--success: #065f46;--danger: #9f1239;--info: #1e3a8a}.ad-root{padding:20px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#2b2b2b;background:linear-gradient(180deg,#fffaf6,#fffdfb);min-height:100vh;box-sizing:border-box}.ad-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:18px;border-radius:16px;background:linear-gradient(90deg,#d4a01e1f,#b37f040f);border:1px solid rgba(212,175,55,.06);box-shadow:var(--shadow)}.ad-header.glow{box-shadow:0 12px 40px #d4af3714}.ad-title{margin:0;font-size:20px;color:var(--accent-dark);font-weight:800;letter-spacing:.2px}.ad-sub{margin:4px 0 0;color:var(--muted);font-size:13px}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.shimmer{background:linear-gradient(90deg,#d4af370f,#d4af372e,#d4af370f);background-size:800px 100%;animation:shimmer 2.2s linear infinite;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.92}to{transform:scale(1);opacity:1}}.pulse{animation:pulse 2.6s ease-in-out infinite}@keyframes shine{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.shine{background:linear-gradient(90deg,var(--gold-1),var(--gold-2));background-size:200% 200%;animation:shine 3s ease-in-out infinite;color:#fff}.rise{transform:translateY(0);transition:transform .22s ease,box-shadow .22s ease}.rise:hover{transform:translateY(-6px);box-shadow:0 18px 40px #00000014}.ad-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:none;cursor:pointer;font-weight:700;color:#fff;background:linear-gradient(90deg,var(--gold-1),var(--gold-2));box-shadow:0 8px 20px #b37f041f;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}.ad-btn:hover{transform:translateY(-3px)}.ad-btn.ghost{background:transparent;color:var(--accent-dark);border:1px solid rgba(180,120,10,.12);box-shadow:none}.ad-btn.small{padding:6px 8px;font-size:13px;border-radius:8px}.ad-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:16px}@media(max-width:1100px){.ad-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.ad-stats-grid{grid-template-columns:repeat(1,1fr)}}.ad-stat-card{background:linear-gradient(180deg,#fff9f0,#fff6ec);border:1px solid rgba(212,175,55,.06);padding:12px;border-radius:12px;display:flex;justify-content:space-between;align-items:center}.ad-stat-left{display:flex;gap:10px;align-items:center}.ad-stat-icon{width:44px;height:44px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--gold-2);font-size:18px;box-shadow:inset 0 -6px 12px #00000005}.ad-stat-value{font-size:18px;font-weight:800;color:#2b2b2b}.ad-stat-title{font-size:12px;color:var(--muted)}.ad-badge{background:#d4af371f;color:var(--accent-dark);padding:6px 8px;border-radius:999px;font-weight:700;font-size:12px}.ad-link-small{color:var(--gold-2);font-weight:700;text-decoration:none}.ad-panel{background:var(--surface);border-radius:var(--radius);padding:14px;border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:16px}.ad-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ad-panel-controls{display:flex;gap:8px;align-items:center}.ad-widget-controls{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.ad-widget-row{display:flex;gap:8px;flex-wrap:wrap}.ad-widget-chip{background:linear-gradient(180deg,#fffaf0,#fff6ec);border:1px solid rgba(212,175,55,.06);padding:8px 10px;border-radius:999px;display:flex;gap:8px;align-items:center}.ad-chip-actions{display:flex;gap:6px}.ad-table-wrap{overflow:auto;border-radius:8px}.ad-table{width:100%;border-collapse:collapse;font-size:14px}.ad-table thead th{text-align:left;padding:10px;border-bottom:1px solid #f3f3f3;color:var(--accent-dark);font-weight:700}.ad-table tbody td{padding:10px;border-bottom:1px solid #faf7f2;color:#333;vertical-align:middle}.ad-table .mono{font-family:var(--mono);font-size:13px;color:var(--muted)}.ad-input,.ad-select,.ad-textarea{padding:8px 10px;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:#fff;font-size:14px;color:#222;box-sizing:border-box}.ad-textarea{min-height:100px;resize:vertical}.ad-activity-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:10px;border:1px solid rgba(212,175,55,.04);margin-bottom:8px;background:linear-gradient(180deg,#fff,#fffaf0)}.ad-activity-title{font-weight:700;color:#2b2b2b}.ad-activity-sub{font-size:13px;color:var(--muted)}.ad-activity-date{font-size:12px;color:#9a8a5a;margin-top:6px}.ad-activity-right{display:flex;gap:8px;align-items:center}.ad-badge-yellow{background:#fff7ed;color:#b45309;padding:6px 8px;border-radius:8px;font-weight:700}.ad-badge-blue{background:#eff6ff;color:#1e3a8a;padding:6px 8px;border-radius:8px;font-weight:700}.ad-badge-green{background:#ecfdf5;color:#065f46;padding:6px 8px;border-radius:8px;font-weight:700}.ad-badge-red{background:#fff1f2;color:#9f1239;padding:6px 8px;border-radius:8px;font-weight:700}.ad-badge-indigo{background:#eef2ff;color:#3730a3;padding:6px 8px;border-radius:8px;font-weight:700}.ad-badge-gray{background:#f3f4f6;color:#374151;padding:6px 8px;border-radius:8px;font-weight:700}.ad-panel-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:12px;flex-wrap:wrap}.ad-bulk-actions,.ad-pagination{display:flex;gap:8px;align-items:center}.ad-chart{display:flex;flex-direction:column;gap:8px}.ad-chart-row{display:flex;align-items:center;gap:8px}.ad-chart-label{width:110px;color:var(--muted);font-size:13px}.ad-chart-bar-wrap{flex:1;background:linear-gradient(90deg,#fff,#fffaf0);border-radius:8px;height:12px;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.03)}.ad-chart-bar{height:100%;background:linear-gradient(90deg,var(--gold-1),var(--gold-2));border-radius:8px;transition:width .42s ease;box-shadow:inset 0 -6px 12px #00000008}.ad-chart-value{width:80px;text-align:right;color:var(--muted);font-weight:700}.ad-map-wrap{padding:12px;border-radius:10px;background:linear-gradient(180deg,#fff,#fffaf0);border:1px solid rgba(212,175,55,.04)}.ad-map{width:100%;height:260px;display:block;border-radius:8px}.ad-map .pulse{filter:drop-shadow(0 6px 18px rgba(212,175,55,.12));transition:transform .3s ease}.ad-map .pulse:hover{transform:scale(1.12)}.ad-timeline{display:flex;flex-direction:column;gap:8px}.ad-timeline-row{display:flex;align-items:center;gap:12px}.ad-timeline-label{width:140px;color:var(--muted);font-size:13px}.ad-timeline-bar-wrap{position:relative;flex:1;height:18px;background:#fffaf0;border-radius:10px;border:1px solid rgba(0,0,0,.03);overflow:hidden}.ad-timeline-bar{position:absolute;top:0;bottom:0;border-radius:8px;transition:left .3s ease,width .3s ease}.bar-green{background:linear-gradient(90deg,#d1fae5,#10b981)}.bar-blue{background:linear-gradient(90deg,#dbeafe,#3b82f6)}.bar-red{background:linear-gradient(90deg,#fee2e2,#ef4444)}.bar-yellow{background:linear-gradient(90deg,#fff7ed,#f59e0b)}.ad-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059;z-index:60}.ad-modal-card{background:var(--surface);border-radius:12px;padding:16px;width:min(1000px,96%);max-height:86vh;overflow:auto;box-shadow:0 30px 80px #00000047}.ad-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ad-modal-body{display:flex;flex-direction:column;gap:12px}.ad-pre{background:#f7f7f7;padding:12px;border-radius:8px;font-family:var(--mono);font-size:13px;overflow:auto}.ad-form{display:flex;flex-direction:column;gap:8px}.ad-form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.ad-form-actions{display:flex;gap:8px;align-items:center;margin-top:8px}.ad-no-data{padding:12px;background:#fffaf0;border:1px solid rgba(212,175,55,.06);border-radius:8px;color:var(--muted)}.ad-error{padding:18px;border-radius:12px;background:#fff1f2;border:1px solid #fbcaca;color:#7f1d1d;margin-top:12px}.ad-error-title{font-weight:800;margin-bottom:6px}.ad-muted-small{color:#7a6a3a;font-size:12px}.ad-fn-list{display:flex;flex-direction:column;gap:8px}.ad-fn-item{display:flex;justify-content:space-between;align-items:center;padding:8px;border-radius:8px;border:1px solid rgba(0,0,0,.03);background:#fff}.ad-fn-name{font-weight:700;color:var(--accent-dark)}.ad-fn-status{min-width:80px;text-align:right}@media(max-width:980px){.ad-header{flex-direction:column;align-items:flex-start;gap:12px}.ad-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.ad-stats-grid{grid-template-columns:repeat(1,1fr)}.ad-grid-2{grid-template-columns:1fr}}.ad-btn:focus,.ad-input:focus,.ad-select:focus,.ad-textarea:focus{outline:3px solid rgba(212,175,55,.18);outline-offset:2px}.ad-link{color:var(--gold-2);font-weight:700;text-decoration:none}.ad-card{background:var(--surface);border-radius:12px;padding:12px;border:1px solid rgba(212,175,55,.04)}.ad-card-title{margin:0 0 8px;font-weight:700;color:var(--accent-dark)}.ad-loading .ad-skeleton-header{height:64px;border-radius:12px;background:linear-gradient(90deg,#fff6e6,#fff1d6);margin-bottom:12px}.ad-skeleton-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.ad-skeleton-card{height:96px;border-radius:12px;background:linear-gradient(90deg,#fff6e6,#fff1d6)}.ad-metric-bar{display:flex;align-items:center;gap:12px;padding:8px 0}.ad-metric-label{min-width:100px;font-size:12px;font-weight:600;color:#666}.ad-chart-bar-wrap{flex:1;height:24px;background:#f0f0f0;border-radius:12px;overflow:hidden;position:relative}.ad-chart-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:12px;transition:width .3s ease;position:relative}.ad-chart-value{min-width:50px;text-align:right;font-size:12px;font-weight:700;color:var(--accent-dark)}.alert-warning{background:#f59e0b0d}.alert-error{background:#dc26260d}.ad-feature-card{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ad-feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,160,30,.1),transparent);transition:left .5s ease}.ad-feature-card:hover{border-color:var(--gold-1)!important;box-shadow:0 8px 24px #d4a01e1f;transform:translateY(-2px)}.ad-feature-card:hover:before{left:100%}.admin-orders{padding:2rem;max-width:100%;overflow-x:auto}.orders-header{margin-bottom:2rem}.orders-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#7c4dff,#ffab40);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.orders-subtitle{color:#666;font-size:1.1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000001a;display:flex;align-items:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e0e0e0}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.stat-icon{font-size:2rem;margin-right:1rem}.stat-content h3{font-size:2rem;font-weight:700;color:#333;margin:0;line-height:1}.stat-content p{color:#666;margin:.25rem 0 0}.orders-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.search-box{position:relative;flex:1;min-width:300px}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:#7c4dff}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#666}.filters{display:flex;gap:1rem;align-items:center}.filter-select{padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;background:#fff;font-size:1rem}.view-toggle{display:flex;background:#f5f5f5;border-radius:8px;overflow:hidden}.view-toggle button{padding:.5rem 1rem;border:none;background:transparent;cursor:pointer;transition:background .3s ease}.view-toggle button.active{background:#7c4dff;color:#fff}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.order-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e0e0e0}.order-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.order-card-header{padding:1.5rem 1.5rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0}.order-id{font-weight:600;color:#666}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.order-card-body{padding:1.5rem}.customer-info h4,.product-info h4{margin:0 0 .25rem;color:#333}.customer-info p,.product-info p{margin:0;color:#666;font-size:.9rem}.product-info{margin:1rem 0;padding:1rem 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.order-meta{display:flex;flex-direction:column;gap:.5rem}.meta-item{display:flex;justify-content:space-between}.meta-label{color:#666;font-size:.9rem}.meta-value{font-weight:500;color:#333}.order-card-actions{padding:1rem 1.5rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-success,.btn-danger,.btn-archive{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.btn-primary{background:#7c4dff;color:#fff}.btn-primary:hover{background:#6a40c9}.btn-secondary{background:#f5f5f5;color:#333}.btn-secondary:hover{background:#e0e0e0}.btn-success{background:#4caf50;color:#fff}.btn-success:hover{background:#3d8b40}.btn-danger{background:#f44336;color:#fff}.btn-danger:hover{background:#d32f2f}.btn-archive{background:#ff9800;color:#fff}.btn-archive:hover{background:#f57c00}.btn-icon{padding:.5rem;border:none;border-radius:6px;background:transparent;cursor:pointer;transition:background .3s ease}.btn-icon:hover{background:#f5f5f5}.orders-table{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a;border:1px solid #e0e0e0}.orders-table table{width:100%;border-collapse:collapse}.orders-table th{background:#f8f9fa;padding:1rem;text-align:left;font-weight:600;color:#333;border-bottom:1px solid #e0e0e0}.orders-table td{padding:1rem;border-bottom:1px solid #f0f0f0}.orders-table tr:last-child td{border-bottom:none}.orders-table tr:hover{background:#fafafa}.customer-cell{display:flex;flex-direction:column}.customer-name{font-weight:500;color:#333}.customer-company{font-size:.9rem;color:#666}.modal-content{background:#fff;border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-header{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;color:#333}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.modal-body{padding:1.5rem}.modal-footer{padding:1.5rem;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end}.detail-section h3{margin:0 0 1rem;color:#333;font-size:1.2rem}.detail-item{display:flex;flex-direction:column}.detail-label{font-size:.9rem;color:#666;margin-bottom:.25rem}.detail-value{font-weight:500;color:#333}.order-notes{background:#f9f9f9;padding:1rem;border-radius:8px;border-left:4px solid #7c4dff}.empty-state{text-align:center;padding:3rem;color:#666}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state h3{margin:0 0 .5rem;color:#333}.admin-orders-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#666}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #7c4dff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.animate-fade-in{opacity:0;animation:fadeIn .6s ease-out forwards}@media(max-width:768px){.admin-orders{padding:1rem}.orders-title{font-size:2rem}.orders-controls{flex-direction:column;align-items:stretch}.search-box{min-width:100%}.filters{width:100%;justify-content:space-between}.orders-grid{grid-template-columns:1fr}.order-card-actions{flex-direction:column;align-items:stretch}.action-buttons{width:100%;justify-content:center}.detail-grid{grid-template-columns:1fr}.orders-table{overflow-x:auto}.orders-table table{min-width:800px}}.admin-analytics-dashboard{padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid rgba(255,255,255,.5)}.dashboard-header h2{color:#2c3e50;margin:0;font-size:28px;font-weight:700}.refresh-button{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 8px #0000001a}.refresh-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:15px;padding:20px;box-shadow:0 5px 15px #0000001a;display:flex;align-items:center;gap:15px;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.stat-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#ff9800,#f57c00)}.stat-content h3{color:#7f8c8d;margin:0 0 5px;font-size:14px;font-weight:600}.stat-content p{color:#2c3e50;margin:0;font-size:24px;font-weight:700}.charts-container{display:flex;flex-direction:column;gap:25px}.chart-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chart-card{background:#fff;border-radius:15px;padding:20px;box-shadow:0 5px 15px #0000001a}.chart-card.full-width{grid-column:1 / -1}.chart-card h3{color:#2c3e50;margin:0 0 20px;font-size:18px;font-weight:600;text-align:center}.custom-tooltip{background:#ffffffe6;border:1px solid #ccc;padding:10px;border-radius:5px;box-shadow:0 2px 5px #0000001a}.tooltip-label{font-weight:600;margin:0 0 5px;color:#2c3e50}.tooltip-value{margin:0;color:#3498db;font-weight:600}.dashboard-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:50vh;color:#7f8c8d}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.dashboard-error{display:flex;flex-direction:column;justify-content:center;align-items:center;height:50vh;color:#e74c3c;background:#fadbd8;border-radius:15px;padding:30px;text-align:center}.retry-button{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-weight:600;margin-top:15px;transition:all .3s ease}.retry-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}@media(max-width:1024px){.chart-row{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-header{flex-direction:column;gap:15px;text-align:center}.stats-cards{grid-template-columns:1fr}.admin-analytics-dashboard,.chart-card{padding:15px}}.supplier-performance{padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:20px 0}.supplier-performance h2{color:#333;margin-bottom:20px;border-bottom:2px solid #FF9933;padding-bottom:10px}.controls-row{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.supplier-selector,.time-selector{display:flex;flex-direction:column;gap:5px;min-width:250px}.supplier-selector label,.time-selector label{font-weight:600;color:#555}.supplier-selector select,.time-selector select{padding:10px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:14px}.performance-summary{margin-bottom:30px}.performance-summary h3{color:#333;margin-bottom:15px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px}.summary-card{background:#fff;padding:20px;border-radius:8px;border-left:4px solid #ccc;text-align:center;box-shadow:0 2px 5px #0000001a}.summary-card h4{margin:0 0 10px;color:#555;font-size:14px}.summary-value{font-size:24px;font-weight:700;margin:10px 0}.summary-label{color:#777;font-size:12px}.performance-details{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}@media(max-width:768px){.performance-details{grid-template-columns:1fr}}.performance-metrics,.performance-stats{background:#f9f9f9;padding:20px;border-radius:8px}.performance-metrics h3,.performance-stats h3{color:#333;margin-bottom:15px}.performance-bar{margin-bottom:15px}.performance-bar label{display:block;margin-bottom:5px;font-weight:600;color:#555}.bar-container{position:relative;background:#f0f0f0;border-radius:4px;height:25px;margin:5px 0;overflow:hidden}.bar-fill{height:100%;border-radius:4px;background:#f93;transition:width .3s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;box-sizing:border-box;color:#fff;font-weight:700;font-size:12px}.bar-value{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:700;color:#333;z-index:2}.performance-trends{background:#f9f9f9;padding:20px;border-radius:8px}.performance-trends h3{color:#333;margin-bottom:15px}.orders-list{display:flex;flex-direction:column;gap:10px}.order-item{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:15px;padding:12px;background:#fff;border-radius:4px;align-items:center;box-shadow:0 1px 3px #0000001a;font-size:14px}.order-id{font-weight:600;color:#333}.order-amount{color:#f93;font-weight:600}.order-date{color:#777}.order-status{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700;text-align:center}.order-status.completed{background:#10b981;color:#fff}.order-status.pending{background:#f59e0b;color:#fff}.order-status.shipped{background:#3b82f6;color:#fff}.loading{text-align:center;padding:40px;color:#777;font-style:italic}@media(max-width:600px){.order-item{grid-template-columns:1fr;text-align:center;gap:8px}.controls-row{flex-direction:column}.summary-cards{grid-template-columns:1fr}}.image-uploader{width:100%;margin-bottom:20px}.upload-area{border:2px dashed #ff9800;border-radius:12px;padding:30px;text-align:center;transition:all .3s ease;background:#ff98000d}.upload-area:hover{border-color:#f57c00;background:#ff98001a}.upload-label{display:block;cursor:pointer;color:#666}.upload-label.uploading{cursor:default}.upload-icon{font-size:3rem;margin-bottom:15px;opacity:.7}.upload-text{font-size:1.1rem;margin:0 0 10px;color:#ff9800;font-weight:600}.upload-subtext{font-size:.9rem;margin:0;color:#999}.upload-progress{width:100%;background:#f0f0f0;border-radius:20px;overflow:hidden;position:relative;height:30px}.progress-bar{height:100%;background:linear-gradient(90deg,#ff9800,#f57c00);transition:width .3s ease}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#333;font-weight:600;font-size:.9rem}.upload-area[data-type="3d"]{border-color:#9c27b0;background:#9c27b00d}.upload-area[data-type="3d"]:hover{border-color:#7b1fa2;background:#9c27b01a}.upload-area[data-type="3d"] .upload-text{color:#9c27b0}.upload-area[data-type=video]{border-color:#2196f3;background:#2196f30d}.upload-area[data-type=video]:hover{border-color:#1976d2;background:#2196f31a}.upload-area[data-type=video] .upload-text{color:#2196f3}@media(max-width:768px){.upload-area{padding:20px}.upload-icon{font-size:2.5rem}.upload-text{font-size:1rem}.upload-subtext{font-size:.8rem}}.three-d-viewer{width:100%;height:300px;perspective:1000px;cursor:grab;position:relative;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px #0000001a;background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.three-d-viewer:active{cursor:grabbing}.three-d-container{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .1s ease}.three-d-image{width:100%;height:100%;object-fit:contain;border-radius:12px}.viewer-controls{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px}.control-hint{background:#000000b3;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.reset-button{background:#ff9800e6;color:#fff;border:none;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.reset-button:hover{background:#ff9800;transform:translateY(-2px)}@media(max-width:768px){.three-d-viewer{height:250px}.control-hint,.reset-button{font-size:10px;padding:4px 8px}}.product-form{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 5px 15px #0000001a}.form-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #eee;padding-bottom:1rem}.form-tabs button{padding:.75rem 1.5rem;border:none;background:transparent;cursor:pointer;border-radius:6px;font-weight:500;transition:all .2s ease}.form-tabs button.active{background:#ff9800;color:#fff}.form-tabs button:hover:not(.active){background:#fff3e0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.form-section{margin-bottom:1.5rem}.form-section h3{margin:0 0 1rem;color:#ff9800;border-bottom:2px solid #ffe0b2;padding-bottom:.5rem}.form-group{margin-bottom:1rem}.checkbox-group{display:flex;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:.5rem;font-weight:400;cursor:pointer}.checkbox-group input[type=checkbox]{width:auto;margin:0}.image-gallery{margin-top:1.5rem}.image-gallery h4{margin:0 0 1rem;color:#333}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem}.image-item{position:relative;border:1px solid #eee;border-radius:8px;overflow:hidden}.image-item.primary{border:2px solid #ff9800}.image-item img{width:100%;height:150px;object-fit:cover}.image-actions{position:absolute;bottom:0;left:0;right:0;background:#000000b3;padding:.5rem;display:flex;justify-content:center;gap:.5rem}.primary-badge{background:#ff9800;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:600}.error-message{background:#ffebee;color:#c62828;padding:1rem;border-radius:6px;margin-bottom:1.5rem;border-left:4px solid #c62828}@media(max-width:768px){.form-grid,.form-row{grid-template-columns:1fr}.form-tabs{overflow-x:auto;white-space:nowrap;padding-bottom:.5rem}.images-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.image-item img{height:120px}.form-actions{flex-direction:column}}.admin-container{padding:20px;background-color:#f8f9fa;min-height:100vh}.admin-header{background:linear-gradient(135deg,#f93,#d4af37);color:#fff;padding:20px;border-radius:10px;margin-bottom:20px;box-shadow:0 4px 15px #0000001a}.admin-header h1{margin:0 0 10px;font-size:2.5rem}.admin-header p{margin:0 0 20px;opacity:.9}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:20px}.stat-item{background:#fff3;padding:15px;border-radius:8px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-number{display:block;font-size:2rem;font-weight:700;margin-bottom:5px}.stat-label{font-size:.9rem;opacity:.9}.admin-tabs{display:flex;overflow-x:auto;background:#fff;border-radius:10px;margin-bottom:20px;box-shadow:0 2px 10px #0000001a}.admin-tabs button{flex:1;min-width:120px;padding:15px 20px;border:none;background:none;cursor:pointer;font-weight:500;color:#666;border-bottom:3px solid transparent;transition:all .3s ease;white-space:nowrap}.admin-tabs button:hover{color:#f93;background-color:#fff8f0}.tab-active{color:#f93!important;border-bottom-color:#f93!important;background-color:#fff8f0!important}.admin-content{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000001a;min-height:500px}@media(max-width:1024px){.quick-stats{grid-template-columns:repeat(2,1fr)}.admin-tabs{flex-wrap:wrap}.admin-tabs button{min-width:100px;padding:12px 15px;font-size:.9rem}}@media(max-width:768px){.admin-container{padding:10px}.admin-header{padding:15px}.admin-header h1{font-size:2rem}.quick-stats{grid-template-columns:1fr}.admin-tabs{border-radius:8px}.admin-tabs button{min-width:80px;padding:10px 12px;font-size:.8rem}.admin-content{padding:15px}}@media(max-width:576px){.admin-header h1{font-size:1.8rem}.stat-number{font-size:1.5rem}.admin-tabs{flex-direction:column}.admin-tabs button{width:100%;text-align:left;border-bottom:1px solid #eee;border-radius:0}.admin-tabs button:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.admin-tabs button:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}}.admin-dashboard{padding:20px}.dashboard-header{margin-bottom:30px}.dashboard-header h1{color:#8e9194;margin-bottom:5px}.dashboard-header p{color:#7f8c8d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 15px #0000001a;display:flex;align-items:center;position:relative;border-left:4px solid #FF9933}.stat-card:nth-child(2n){border-left-color:#d4af37}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:24px}.stat-content h3{font-size:28px;margin:0;color:#e4acaa}.stat-content p{margin:5px 0 0;color:#7f8c8d}.stat-badge{position:absolute;top:15px;right:15px;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:500}.stat-badge.warning{background-color:#fff3cd;color:#856404}.stat-badge.success{background-color:#d4edda;color:#155724}.stat-link{position:absolute;bottom:15px;right:15px;color:#3498db;text-decoration:none;font-size:14px}.stat-link:hover{text-decoration:underline}.dashboard-section{background:#fff;border-radius:10px;padding:25px;margin-bottom:30px;box-shadow:0 4px 15px #0000001a}.section-header h2{color:#2c3e50;margin:0}.section-actions{display:flex;gap:10px}.activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.activity-card{background:#fafaf8;border-radius:8px;padding:20px}.activity-card h3{margin-top:0;color:#7d8286;border-bottom:1px solid #dee2e6;padding-bottom:10px}.activity-list{max-height:300px;overflow-y:auto}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e9ecef}.activity-item:last-child{border-bottom:none}.activity-info h4{margin:0 0 5px;color:#dde2e7;font-size:14px}.activity-info p{margin:0;color:#6c757d;font-size:13px}.activity-meta{font-size:12px;color:#6c757d}.status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase}.status-badge.pending{background-color:#fff3cd;color:#856404}.status-badge.completed{background-color:#d4edda;color:#155724}.status-badge.in_transit{background-color:#cce5ff;color:#004085}.quick-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.action-card{background:#f8f9fa;border-radius:8px;padding:20px;text-align:center;text-decoration:none;color:inherit;transition:transform .3s,box-shadow .3s}.action-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px #0000001a}.action-icon{font-size:32px;margin-bottom:10px}.action-card h3{margin:0 0 10px;color:#2c3e50}.action-card p{margin:0;color:#6c757d;font-size:14px}.compliance-status{display:flex;flex-direction:column;gap:15px}.compliance-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f8f9fa;border-radius:8px}.compliance-info h4{margin:0 0 5px;color:#2c3e50}.compliance-info p{margin:0;color:#6c757d;font-size:14px}.compliance-progress{display:flex;flex-direction:column;align-items:flex-end;min-width:120px}.progress-bar{width:100px;height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:5px}.progress-fill{height:100%;background-color:#28a745;border-radius:4px}.compliance-progress span{font-size:12px;color:#6c757d}.no-data{text-align:center;color:#6c757d;font-style:italic;padding:20px}.btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;display:inline-block;transition:background-color .3s}.btn-outline{border:1px solid #dee2e6;color:#6c757d;background:transparent}.btn-outline:hover{background-color:#f8f9fa}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.customs-manager{padding:2rem;background:var(--bg-primary);min-height:100vh}.manager-header{display:flex;justify-content:between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.header-main h3{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.header-subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.header-actions{display:flex;gap:1rem;flex-shrink:0}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;text-decoration:none}.primary-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.secondary-button{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.secondary-button:hover{background:var(--bg-hover);border-color:var(--primary-color)}.full-width{width:100%}.customs-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid var(--border-color);display:flex;align-items:center;gap:1rem;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.stat-icon.total{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.approved{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-icon.pending{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-icon.revenue{background:linear-gradient(135deg,#fa709a,#fee140)}.stat-icon.draft{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#333}.stat-content h4{font-size:1.8rem;font-weight:700;margin:0;color:var(--text-primary)}.stat-content p{margin:.25rem 0 0;color:var(--text-secondary);font-size:.9rem}.filters-section{display:flex;gap:1rem;margin-bottom:2rem;align-items:center}.search-box{position:relative;flex:1;max-width:400px}.search-box svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-box input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid var(--border-color);border-radius:8px;background:#fff;font-size:.9rem;transition:border-color .3s ease}.search-box input:focus{outline:none;border-color:var(--primary-color)}.filter-group select{padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;background:#fff;font-size:.9rem;min-width:150px;cursor:pointer}.declarations-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d;border:1px solid var(--border-color)}.declarations-table{width:100%;border-collapse:collapse}.declarations-table th{background:var(--bg-secondary);padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color);font-size:.9rem}.declarations-table td{padding:1rem;border-bottom:1px solid var(--border-color);font-size:.9rem}.declarations-table tr:hover{background:var(--bg-hover)}.declaration-number strong{color:var(--primary-color);font-family:Courier New,monospace}.destination,.value,.duty{display:flex;align-items:center;gap:.5rem}.destination .icon,.value .icon,.duty .icon{color:var(--text-secondary);font-size:.8rem}.hs-code{background:var(--bg-secondary);padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.8rem;color:var(--text-primary)}.goods-description{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize}.status-approved{background:#d1fae5;color:#065f46}.status-submitted{background:#dbeafe;color:#1e40af}.status-cleared{background:#f3e8ff;color:#6b21a8}.status-rejected{background:#fee2e2;color:#991b1b}.status-draft{background:#f3f4f6;color:#374151}.status-pending{background:#fef3c7;color:#92400e}.action-buttons{display:flex;gap:.5rem}.btn-view,.btn-pdf,.btn-submit,.btn-approve{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.btn-view{background:#dbeafe;color:#1e40af}.btn-view:hover{background:#bfdbfe}.btn-pdf{background:#fee2e2;color:#dc2626}.btn-pdf:hover{background:#fecaca}.btn-submit{background:#fef3c7;color:#d97706}.btn-submit:hover{background:#fde68a}.btn-approve{background:#d1fae5;color:#065f46}.btn-approve:hover{background:#a7f3d0}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h4{margin:0 0 .5rem;color:var(--text-primary)}.empty-state p{margin:0 0 2rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;overflow-y:auto}.modal-content.small{width:400px}.modal-content.medium{width:600px}.modal-content.large{width:800px}.modal-content.xlarge{width:1000px}.modal-header{display:flex;justify-content:between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;flex:1;color:var(--text-primary)}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-button:hover{background:var(--bg-hover)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;padding:1.5rem}.form-group label{font-weight:600;margin-bottom:.5rem;color:var(--text-primary);font-size:.9rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-weight:400;cursor:pointer}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:2px solid var(--border-color);border-radius:6px;font-size:.9rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-group input.readonly{background:var(--bg-secondary);cursor:not-allowed}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid var(--border-color)}.calculator-form{padding:1.5rem}.calculation-results{margin-top:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:8px;border-left:4px solid var(--primary-color)}.calculation-results h4{margin:0 0 1rem;color:var(--text-primary)}.result-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.result-item:last-child{border-bottom:none}.result-item.total{font-weight:700;font-size:1.1rem;color:var(--primary-color)}.declaration-details{padding:1.5rem}.detail-section{margin-bottom:2rem}.detail-section h4{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-secondary);border-radius:6px}.detail-item .label{font-weight:600;color:var(--text-primary)}.detail-item .value{color:var(--text-secondary)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.loading-state{display:flex;align-items:center;gap:1rem;padding:2rem;justify-content:center;color:var(--text-secondary)}.loading-spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.customs-manager{padding:1rem}.manager-header{flex-direction:column;align-items:stretch}.header-actions{justify-content:flex-start}.customs-stats{grid-template-columns:1fr}.filters-section{flex-direction:column;align-items:stretch}.search-box{max-width:none}.form-grid{grid-template-columns:1fr}.modal-content{width:95%!important;margin:1rem}.action-buttons{flex-direction:column}}:root{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-hover: #e2e8f0;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--primary-color: #667eea}.glass-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.compliance-tracker{padding:14px;border-radius:12px;background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid rgba(212,175,55,.06);color:#e6eef8;box-shadow:0 18px 40px #02061799}.header-actions{display:flex;gap:8px}.compliance-stats{display:flex;gap:12px;margin-bottom:12px}.filters-section{display:flex;gap:12px;align-items:center;margin-bottom:12px}.search-box{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#ffffff03;border:1px solid rgba(255,255,255,.02);min-width:320px}.search-box input{background:transparent;border:none;outline:none;color:#e6eef8;width:100%}.filter-group{display:flex;gap:8px;align-items:center}.clear-filters-btn{background:transparent;border:1px solid rgba(255,255,255,.03);padding:8px 10px;border-radius:8px;color:#e6eef8;cursor:pointer}.documents-table-container{overflow:auto;border-radius:10px;margin-top:12px}.documents-table{width:100%;border-collapse:collapse;min-width:900px}.documents-table th,.documents-table td{padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.02);text-align:left;color:#dfe9f5;font-size:13px}.doc-title .muted{color:#9fb0c8;font-size:12px}.status-badge{padding:6px 8px;border-radius:8px;font-weight:700;font-size:12px;display:inline-block;background:#ffffff05;color:#ffd966}.bulk-actions-bar{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#ffffff03;border-radius:8px;margin-bottom:12px}.pagination{display:flex;gap:8px;align-items:center;margin-top:12px;color:#9fb0c8}.bulk-operations{padding:14px;border-radius:12px;background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid rgba(212,175,55,.06);color:#e6eef8;box-shadow:0 18px 40px #02061799}.manager-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.header-main h3{margin:0;color:#ffd966}.header-subtitle{margin:0;color:#9fb0c8;font-size:13px}.header-actions{display:flex;gap:8px;align-items:center}.primary-button,.secondary-button{padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.03);background:transparent;color:#e6eef8;cursor:pointer}.primary-button{background:linear-gradient(90deg,#d4af371f,#d4af370f);color:#ffd966;font-weight:700}.operation-stats{display:flex;gap:12px;margin-bottom:12px}.stat-card{display:flex;gap:12px;align-items:center;padding:10px;border-radius:10px;background:#ffffff03;border:1px solid rgba(255,255,255,.02);min-width:140px}.stat-icon{font-size:20px;color:#ffd966}.operations-table-container{margin-top:12px;overflow:auto;border-radius:10px}.operations-table{width:100%;border-collapse:collapse;min-width:1000px}.operations-table th,.operations-table td{padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.02);text-align:left;font-size:13px;color:#dfe9f5}.progress-bar{height:8px;background:#ffffff05;border-radius:6px;overflow:hidden;margin-top:6px}.progress-fill{height:100%;background:linear-gradient(90deg,#ffd966,#d4af37);width:0%;transition:width .3s ease}.progress-bar.small{height:6px}.status-badge{padding:6px 8px;border-radius:8px;font-weight:700;font-size:12px;display:inline-block}.status-completed{background:#e6f9ef;color:#0b6b3a}.status-running{background:#e8f4ff;color:#0b4f7a}.status-pending{background:#fff7e6;color:#7a5b00}.status-cancelled{background:#f3f4f6;color:#6b7280}.status-failed{background:#ffe6e6;color:#8b1e1e}.status-warning{background:#fff4e6;color:#7a4b00}.action-buttons{display:flex;gap:6px}.action-buttons button{background:transparent;border:1px solid rgba(255,255,255,.03);padding:6px;border-radius:8px;color:#e6eef8;cursor:pointer}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#02061799;z-index:200}.modal-content{background:linear-gradient(180deg,#071022,#02040a);border-radius:12px;padding:16px;width:720px;max-height:90vh;overflow:auto;border:1px solid rgba(212,175,55,.06)}.modal-content.large{width:920px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.close-button{background:transparent;border:none;color:#e6eef8;font-size:20px;cursor:pointer}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item .label{font-size:12px;color:#9fb0c8}.detail-item .value{font-weight:700;color:#ffd966}.error-log pre{white-space:pre-wrap;background:#ffffff05;padding:8px;border-radius:8px;max-height:220px;overflow:auto}.execution-progress{margin:12px 0}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}:root{--gold-primary: #D4AF37;--gold-secondary: #B8860B;--gold-light: #F5E296;--gold-dark: #996515;--gold-gradient: linear-gradient(135deg, #D4AF37 0%, #F5E296 100%);--bg-primary: #0F172A;--bg-secondary: #1E293B;--bg-card: rgba(30, 41, 59, .8);--border-color: rgba(212, 175, 55, .2);--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--info: #3B82F6;--glass-bg: rgba(30, 41, 59, .6);--glass-border: rgba(212, 175, 55, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .2);--transition-fast: .2s ease;--transition-medium: .3s ease;--transition-slow: .5s ease}.admin-dashboard{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;gap:1.5rem}.dashboard-loading .spinning{animation:spin 1s linear infinite;font-size:3rem;color:var(--gold-primary)}.dashboard-loading h3{font-size:1.8rem;background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.dashboard-error{max-width:600px;margin:4rem auto;padding:3rem;text-align:center;background:var(--bg-card);border-radius:20px;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-icon{font-size:4rem;color:var(--danger);margin-bottom:1.5rem;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.dashboard-header{padding:1.5rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;animation:slideDown .5s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.brand-section{display:flex;align-items:center;gap:1rem}.brand-icon{font-size:2.5rem;color:var(--gold-primary);animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{filter:drop-shadow(0 0 5px var(--gold-primary))}to{filter:drop-shadow(0 0 20px var(--gold-primary))}}.brand-text h1{font-size:1.5rem;font-weight:700;margin:0;background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-text p{margin:0;color:var(--text-secondary);font-size:.9rem}.user-section{display:flex;align-items:center;gap:1rem}.welcome{color:var(--text-secondary)}.welcome strong{color:var(--gold-light)}.profile-picture{width:45px;height:45px;border-radius:50%;border:2px solid var(--gold-primary);object-fit:cover;transition:var(--transition-medium)}.profile-picture:hover{transform:scale(1.1);border-color:var(--gold-light)}.header-controls{display:flex;align-items:center;gap:1.5rem}.search-container{position:relative;min-width:300px}.search-container input{width:100%;padding:.75rem 1rem .75rem 2.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.9rem;transition:var(--transition-medium)}.search-container input:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 0 3px #d4af371a}.search-container:before{content:"🔍";position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--gold-secondary)}.controls-group{display:flex;align-items:center;gap:1rem}.time-filter{padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;transition:var(--transition-medium)}.time-filter:focus{outline:none;border-color:var(--gold-primary)}.btn{padding:.75rem 1.5rem;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:var(--transition-medium);border:none;font-size:.9rem}.btn:hover{transform:translateY(-2px)}.btn.refresh{background:var(--gold-gradient);color:#000}.btn.refresh.loading{opacity:.7;cursor:not-allowed}.btn.export{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary)}.btn.export:hover{background:var(--bg-secondary);border-color:var(--gold-primary)}.dashboard-tabs{display:flex;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:0 2rem;animation:slideIn .6s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.tab{padding:1rem 1.5rem;background:none;border:none;color:var(--text-secondary);font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;position:relative;transition:var(--transition-medium);border-bottom:3px solid transparent}.tab:hover{color:var(--gold-light)}.tab.active{color:var(--gold-primary);border-bottom-color:var(--gold-primary)}.tab.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--gold-primary);border-radius:50%;animation:bounce .5s ease}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:2rem;animation:fadeIn .8s ease-out}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:var(--transition-medium);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-card:hover{transform:translateY(-5px);border-color:var(--gold-primary);box-shadow:0 10px 30px #d4af371a}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.stat-icon{width:48px;height:48px;background:var(--gold-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#000;font-size:1.5rem}.trend-indicator{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.trend-indicator.positive{background:#10b98133;color:var(--success)}.trend-indicator.negative{background:#ef444433;color:var(--danger)}.stat-body{display:flex;flex-direction:column;gap:.5rem}.stat-value{font-size:2rem;font-weight:700;background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-title{color:var(--text-secondary);font-size:.9rem}.stat-badge{display:inline-block;padding:.25rem .75rem;background:#d4af371a;color:var(--gold-light);border-radius:12px;font-size:.8rem;font-weight:600;margin-top:.5rem;animation:pulse 2s infinite}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:0 2rem 2rem}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--glass-shadow);transition:var(--transition-medium)}.glass-card:hover{border-color:var(--gold-primary);transform:translateY(-2px)}.quick-actions h4{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;color:var(--gold-primary)}.actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.action-btn{padding:1rem;border:none;border-radius:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:var(--transition-medium);text-align:center}.action-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0003}.action-btn.primary{background:var(--gold-gradient);color:#000}.action-btn.secondary{background:#b8860b33;color:var(--gold-light);border:1px solid rgba(184,134,11,.3)}.action-btn.warning{background:#f59e0b33;color:var(--warning);border:1px solid rgba(245,158,11,.3)}.action-btn.info{background:#3b82f633;color:var(--info);border:1px solid rgba(59,130,246,.3)}.performance-sidebar{position:fixed;right:0;top:75%;font-size:small;transform:translateY(-50%);width:150px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px 0 0 12px;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;transition:var(--transition-medium)}.performance-sidebar:hover{transform:translateY(-50%) translate(-10px)}.sidebar-header{display:flex;align-items:center;gap:.5rem;color:var(--gold-primary);font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.sidebar-metrics{display:flex;flex-direction:column;gap:.75rem}.sidebar-metric{display:flex;flex-direction:column;gap:.25rem}.sidebar-metric-info{display:flex;justify-content:space-between;align-items:center}.sidebar-metric-info .metric-label{font-size:.55rem;color:#fcfcfc}.sidebar-metric-info .metric-value{font-size:.8rem;font-weight:700;color:var(--gold-light)}.sidebar-progress{height:4px;background:var(--bg-secondary);border-radius:2px;overflow:hidden}.sidebar-progress-bar{height:100%;background:var(--gold-gradient);transition:width 1s ease-out}.recent-activities h4{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;color:var(--gold-primary)}.activities-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#1e293b80;border-radius:12px;transition:var(--transition-medium)}.activity-item:hover{background:#1e293bcc;transform:translate(5px)}.activity-content{display:flex;flex-direction:column;gap:.25rem}.activity-content strong{color:var(--text-primary);font-size:.95rem}.activity-content span{color:var(--text-secondary);font-size:.85rem}.status{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.status-pending{background:#f59e0b33;color:var(--warning)}.status-completed{background:#10b98133;color:var(--success)}.status-processing{background:#3b82f633;color:var(--info)}.system-health h4{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;color:var(--gold-primary)}.health-status{display:flex;flex-direction:column;align-items:center;padding:2rem;border-radius:16px;background:var(--bg-secondary);animation:heartbeat 2s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.health-status.healthy{border:2px solid var(--success)}.health-status.warning{border:2px solid var(--warning)}.health-status.critical{border:2px solid var(--danger);animation:criticalPulse 1s ease-in-out infinite}@keyframes criticalPulse{0%,to{border-color:var(--danger)}50%{border-color:#ef44444d}}.status-text{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.health-status.healthy .status-text{color:var(--success)}.health-status.warning .status-text{color:var(--warning)}.health-status.critical .status-text{color:var(--danger)}.status-detail{color:var(--text-secondary);font-size:.9rem}.alerts-panel{padding:0 2rem;margin-bottom:1.5rem;animation:slideInRight .5s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.alert{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;margin-bottom:.75rem;animation:slideInAlert .3s ease-out}@keyframes slideInAlert{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error{background:#ef44441a;border-left:4px solid var(--danger)}.alert-warning{background:#f59e0b1a;border-left:4px solid var(--warning)}.alert-success{background:#10b9811a;border-left:4px solid var(--success)}.alert-icon{font-size:1.25rem}.alert-error .alert-icon{color:var(--danger)}.alert-warning .alert-icon{color:var(--warning)}.alert-success .alert-icon{color:var(--success)}.alert-content{flex:1;display:flex;justify-content:space-between;align-items:center}.alert-message{color:var(--text-primary);font-weight:500}.alert-action{color:var(--gold-primary);text-decoration:none;font-weight:600;transition:var(--transition-medium)}.alert-action:hover{color:var(--gold-light);text-decoration:underline}.search-results-area{padding:0 2rem;margin-bottom:1.5rem}.dashboard-footer{padding:1.5rem 2rem;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary);font-size:.9rem;background:var(--bg-secondary)}.footer-content{display:flex;justify-content:space-between;align-items:center;width:100%}.system-info{display:flex;align-items:center;gap:1rem}.health-status{display:flex;align-items:center;gap:.5rem}.health-status strong{padding:.25rem .75rem;border-radius:12px;font-size:.8rem}.health-status strong.healthy{background:#10b98133;color:var(--success)}.health-status strong.warning{background:#f59e0b33;color:var(--warning)}.health-status strong.critical{background:#ef444433;color:var(--danger);animation:blink 1s step-start infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.tab-content-area{min-height:calc(100vh - 300px);padding:2rem;animation:fadeInUp .6s ease-out}@media(max-width:1024px){.stats-overview{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-header{flex-direction:column;gap:1.5rem;padding:1rem}.header-controls{flex-direction:column;width:100%}.search-container{min-width:100%}.controls-group{width:100%;justify-content:space-between}.dashboard-tabs{padding:0 1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{white-space:nowrap;padding:1rem}.stats-overview{grid-template-columns:1fr;padding:1rem}.overview-grid,.tab-content-area{padding:1rem}.actions-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--gold-gradient);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-secondary)}.loading-wave{display:flex;justify-content:center;align-items:center;gap:5px;height:100px}.loading-wave div{width:6px;height:40px;background:var(--gold-gradient);animation:wave 1.2s ease-in-out infinite;border-radius:20px}.loading-wave div:nth-child(2){animation-delay:-1.1s}.loading-wave div:nth-child(3){animation-delay:-1s}.loading-wave div:nth-child(4){animation-delay:-.9s}@keyframes wave{0%,60%,to{transform:scaleY(.4)}30%{transform:scaleY(1)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-secondary)}.empty-state-icon{font-size:4rem;color:var(--gold-secondary);margin-bottom:1rem;opacity:.5}.staff-assignment{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a}.staff-assignment h3{margin-top:0;margin-bottom:20px;color:#333;font-weight:600;border-bottom:2px solid #f1f1f1;padding-bottom:10px}.assignment-form{display:flex;gap:12px;align-items:flex-end;margin-bottom:20px}.assignment-form .form-group{flex:1}.assignment-form label{display:block;margin-bottom:8px;font-weight:500;color:#333}.assignment-form select{width:100%;padding:10px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:16px}.btn-primary{padding:10px 20px;background:linear-gradient(135deg,#f93,#f60);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff99334d}.current-assignment{margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.current-assignment h4{margin:0 0 12px;color:#333;font-size:16px}.staff-card{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px}.staff-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#f93,#f60);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.staff-name{font-weight:600;color:#333}.staff-role{font-size:14px;color:#666;text-transform:capitalize}.staff-email{font-size:14px;color:#888}.packing-tracker,.label-generator,.box-designer{padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}.packing-tracker h3,.label-generator h3,.box-designer h3{margin-top:0;margin-bottom:20px;color:#333;font-weight:600;border-bottom:2px solid #f1f1f1;padding-bottom:10px}.packaging-form,.label-form{margin-bottom:30px;padding:20px;background:#f9f9f9;border-radius:8px}.packaging-form h4,.label-form h4{margin-top:0;color:#555}.form-row{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.form-group{flex:1;min-width:200px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.calculation{background:#e8f5e8;padding:12px;border-radius:4px;margin-bottom:16px}.calculation p{margin:0;font-weight:500}.btn-primary,.btn-secondary{padding:10px 20px;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#f93,#f60);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff99334d}.btn-secondary{background:#e9ecef;color:#333;margin-left:10px}.btn-secondary:hover{background:#dee2e6}.packaging-list h4{margin-top:0;color:#555}.packaging-items{display:flex;flex-direction:column;gap:16px}.packaging-item{padding:16px;background:#f9f9f9;border-radius:8px;border-left:4px solid #FF9933}.packaging-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.packaging-header h5{margin:0;color:#333}.packaging-date{color:#777;font-size:14px}.packaging-details p{margin:6px 0;color:#555}.label-preview{padding:20px;background:#f9f9f9;border-radius:8px}.label-container{text-align:center;margin-bottom:20px}.label-text{background:#fff;padding:15px;border-radius:4px;border:1px solid #ddd;text-align:left;max-width:300px;margin:0 auto}.label-text p{margin:5px 0;font-size:14px}.label-actions{display:flex;gap:10px;justify-content:center}.design-container{display:flex;gap:30px;flex-wrap:wrap}.design-controls,.design-preview{flex:1;min-width:300px}.design-specs{margin-top:20px;padding:15px;background:#f9f9f9;border-radius:8px}.design-specs h5{margin-top:0;color:#555}.design-specs p{margin:8px 0;color:#555}.design-actions{margin-top:20px;display:flex;gap:10px}@media(max-width:768px){.form-row{flex-direction:column}.form-group{min-width:100%}.design-container,.label-actions,.design-actions{flex-direction:column}.btn-secondary{margin-left:0;margin-top:10px}}.packaging-manager{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.packaging-header{padding:24px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6}.packaging-header h2{margin:0 0 16px;color:#333;font-weight:700;font-size:24px}.packaging-summary{padding:20px;background:#f8f9fa;border-bottom:1px solid #dee2e6}.packaging-summary h4{margin:0 0 16px;color:#333;font-size:18px}.summary-value{display:block;font-size:24px;font-weight:700;color:#f93;margin-bottom:4px}.packaging-tabs{display:flex;padding:0 20px;border-bottom:1px solid #dee2e6;background:#f8f9fa}.packaging-tabs button{display:flex;align-items:center;gap:8px;padding:16px 24px;background:none;border:none;border-bottom:3px solid transparent;font-weight:500;color:#666;cursor:pointer;transition:all .3s ease}.packaging-tabs button:hover{color:#f93;background:#ff99330d}.packaging-tabs button.active{color:#f93;border-bottom-color:#f93;background:#ff99331a}.packaging-content{padding:24px;min-height:400px}.packaging-history{max-height:500px;overflow-y:auto}.history-list{display:flex;flex-direction:column;gap:16px}.history-item{background:#f8f9fa;border-radius:8px;padding:16px;border-left:4px solid #FF9933}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:12px}.history-header h5{margin:0;color:#333;font-size:16px}.history-date{color:#666;font-size:14px}.history-actions{display:flex;gap:8px}.btn-edit,.btn-delete{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-edit{background:#e3f2fd;color:#1976d2}.btn-edit:hover{background:#bbdefb}.btn-delete{background:#ffebee;color:#d32f2f}.btn-delete:hover{background:#ffcdd2}.history-details p{margin:6px 0;color:#555;font-size:14px}.packaging-actions{padding:20px;border-top:1px solid #dee2e6;text-align:center;background:#f8f9fa}.btn-complete{padding:12px 24px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #28a7454d}.btn-complete:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #28a74566}.btn-complete:disabled{opacity:.7;cursor:not-allowed}.loading{text-align:center;padding:40px;color:#666}.error{background:#fee;color:#c53030;padding:12px 16px;border-radius:8px;margin:20px;border-left:4px solid #f56565}.icon-package:before{content:"📦"}.icon-label:before{content:"🏷️"}.icon-design:before{content:"🎨"}.icon-history:before{content:"📋"}@media(max-width:768px){.packaging-tabs{flex-direction:column}.packaging-tabs button{justify-content:center;border-bottom:none;border-left:3px solid transparent}.packaging-tabs button.active{border-bottom-color:transparent;border-left-color:#f93}.history-header{flex-direction:column;align-items:flex-start}.history-actions{align-self:stretch;justify-content:space-between}.btn-edit,.btn-delete{flex:1}}.packaging-manager{background:linear-gradient(135deg,#fafafa,#f5f5f5);min-height:100vh;padding:20px}.packaging-header{background:linear-gradient(135deg,gold,#ffed4e);padding:24px;border-radius:16px;margin-bottom:24px;box-shadow:0 8px 32px #b8860b33;border:1px solid rgba(255,215,0,.3)}.packaging-header h2{margin:0 0 16px;color:#2c2c2c;font-weight:700;font-size:28px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.order-info{background:#ffffffe6;padding:16px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.order-info h3{margin:0 0 8px;color:#2c2c2c;font-size:18px}.packaging-tabs{display:flex;background:#fff;border-radius:12px;padding:8px;margin-bottom:24px;box-shadow:0 4px 16px #0000001a;flex-wrap:wrap}.packaging-tabs button{flex:1;min-width:120px;padding:16px 20px;border:none;background:transparent;border-radius:8px;font-weight:600;color:#666;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.packaging-tabs button:hover{background:#ffd7001a;color:#b8860b;transform:translateY(-2px)}.packaging-tabs button.active{background:linear-gradient(135deg,gold,#ffed4e);color:#2c2c2c;box-shadow:0 4px 12px #b8860b4d}.packaging-content{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000001a;min-height:500px}.batch-form,.package-form{max-width:800px;margin-bottom:32px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:16px}.form-group label{font-weight:600;margin-bottom:8px;color:#2c2c2c}.form-group input,.form-group select{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd7001a}.form-group input.read-only{background-color:#f8f9fa;color:#666}.btn-gold{background:linear-gradient(135deg,gold,#ffed4e);color:#2c2c2c;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #b8860b4d}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 6px 20px #b8860b66}.btn-gold:disabled{opacity:.6;cursor:not-allowed;transform:none}.batches-grid,.packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.batch-card,.package-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease}.batch-card:hover,.package-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:gold}.batch-header,.package-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.batch-header h4,.package-header h4{margin:0;color:#2c2c2c;font-size:16px}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.per_kg{background:#d4edda;color:#155724}.status-badge.per_box{background:#d1ecf1;color:#0c5460}.status-badge.per_piece{background:#fff3cd;color:#856404}.batch-details p,.package-details p{margin:4px 0;color:#666;font-size:14px}.batch-actions,.package-actions{display:flex;gap:8px;margin-top:12px}.batch-actions button,.package-actions button{flex:1;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;color:#666;cursor:pointer;transition:all .3s ease;font-size:12px}.batch-actions button:hover,.package-actions button:hover{background:gold;color:#2c2c2c;border-color:gold}.weighing-interface{background:#f8f9fa;padding:20px;border-radius:12px;margin-bottom:20px}.weighing-mode-selector{display:flex;align-items:center;gap:12px;margin-bottom:20px}.weighing-mode-selector label{font-weight:600;color:#2c2c2c}.weight-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.input-group{display:flex;flex-direction:column}.calculation-preview{background:#fff;padding:16px;border-radius:8px;margin-top:16px;border-left:4px solid #ffd700}.calculation-preview h5{margin:0 0 8px;color:#2c2c2c}.package-qr{display:flex;justify-content:center;margin:12px 0;padding:12px;background:#f8f9fa;border-radius:8px}.scanning-interface{display:grid;grid-template-columns:1fr 1fr;gap:24px}.scanner-section,.manual-entry{background:#f8f9fa;padding:24px;border-radius:12px}.scanner-placeholder{display:flex;justify-content:center;align-items:center;height:200px;background:#e9ecef;border-radius:8px;margin:16px 0}.scanner-frame{text-align:center;color:#666}.scanner-frame span{font-size:48px;display:block;margin-bottom:8px}.manual-input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;margin-bottom:12px}@media(max-width:768px){.packaging-tabs{flex-direction:column}.packaging-tabs button{min-width:auto}.batches-grid,.packages-grid,.scanning-interface,.form-row{grid-template-columns:1fr}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.packaging-header{animation:float 6s ease-in-out infinite}.batch-card:hover,.package-card:hover{animation:float 2s ease-in-out infinite}.loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:18px;color:#666}.error{background:#f8d7da;color:#721c24;padding:16px;border-radius:8px;margin:16px 0;border:1px solid #f5c6cb}.gold-gradient{background:linear-gradient(135deg,gold,#ffed4e)}.gold-border{border:2px solid #ffd700}.gold-text{color:#b8860b}.fab{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:50%;color:#2c2c2c;font-size:24px;cursor:pointer;box-shadow:0 8px 25px #b8860b4d;transition:all .3s ease;z-index:1000}.fab:hover{transform:scale(1.1);box-shadow:0 12px 35px #b8860b66}.cbm-calculator{background:linear-gradient(135deg,#fff9e6,#fff0cc);padding:20px;border-radius:12px;margin-bottom:24px;border:2px solid #ffd700}.standard-sizes{margin-bottom:16px}.size-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.size-buttons button{padding:8px 16px;border:1px solid #ffd700;background:#fff;border-radius:6px;cursor:pointer;transition:all .3s ease}.size-buttons button:hover{background:gold;transform:translateY(-2px)}.cbm-results{background:#fff;padding:16px;border-radius:8px;margin:16px 0;border-left:4px solid #ffd700}.result-item{display:flex;justify-content:space-between;margin:8px 0}.result-label{font-weight:600;color:#2c2c2c}.result-value{color:#b8860b;font-weight:600}.result-value.highlight{color:#ff6b00;font-size:1.1em}.cbm-explanation,.container-info{background:#f8f9fa;padding:12px;border-radius:6px;margin:12px 0;font-size:.9em}.cbm-explanation h5,.container-info h5{margin:0 0 8px;color:#2c2c2c}.container-list div{padding:4px 0;border-bottom:1px solid #e0e0e0}.container-list div:last-child{border-bottom:none}.cbm-preview{background:#e8f5e8;padding:12px;border-radius:6px;margin:16px 0;border-left:4px solid #4caf50}.cbm-preview h5{margin:0;color:#2e7d32}.advanced-cbm{margin-top:24px;padding:20px;background:#f8f9fa;border-radius:8px}@media(max-width:768px){.size-buttons{flex-direction:column}.size-buttons button{width:100%}.result-item{flex-direction:column}}.harvest-manager{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.harvest-header{padding:24px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6}.harvest-header h2{margin:0 0 16px;color:#333;font-weight:700;font-size:24px}.order-info{background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 8px #0000000d}.order-info h3{margin:0 0 8px;color:#333;font-size:18px}.order-info p{margin:4px 0;color:#666}.harvest-summary{padding:20px;background:#f8f9fa;border-bottom:1px solid #dee2e6}.harvest-summary h4{margin:0 0 16px;color:#333;font-size:18px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.summary-item{background:#fff;padding:16px;border-radius:8px;text-align:center;box-shadow:0 2px 8px #0000000d}.summary-value{display:block;font-size:24px;font-weight:700;color:#28a745;margin-bottom:4px}.summary-label{font-size:14px;color:#666}.harvest-tabs{display:flex;padding:0 20px;border-bottom:1px solid #dee2e6;background:#f8f9fa;flex-wrap:wrap}.harvest-tabs button{display:flex;align-items:center;gap:8px;padding:16px 24px;background:none;border:none;border-bottom:3px solid transparent;font-weight:500;color:#666;cursor:pointer;transition:all .3s ease}.harvest-tabs button:hover{color:#28a745;background:#28a7450d}.harvest-tabs button.active{color:#28a745;border-bottom-color:#28a745;background:#28a7451a}.harvest-content{padding:24px;min-height:400px}.harvest-form,.quality-form,.coldchain-form{max-width:800px}.quality-parameters{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:16px}.quality-parameters h5{margin:0 0 16px;color:#333}.harvest-reports{max-height:600px;overflow-y:auto}.report-actions{display:flex;gap:12px;margin-bottom:20px}.report-section{margin-bottom:30px}.report-section h5{margin:0 0 16px;color:#333;font-size:16px;border-bottom:1px solid #dee2e6;padding-bottom:8px}.report-table{width:100%;border-collapse:collapse;margin-bottom:16px}.report-table th,.report-table td{padding:12px;text-align:left;border-bottom:1px solid #dee2e6}.report-table th{background-color:#f8f9fa;font-weight:600}.report-table tfoot{font-weight:600;background-color:#f8f9fa}.pass-row{background-color:#d4edda}.fail-row{background-color:#f8d7da}.normal-row{background-color:#d1ecf1}.alert-row{background-color:#fff3cd}.icon-harvest:before{content:"🌱"}.icon-quality:before{content:"🔍"}.icon-coldchain:before{content:"❄️"}.icon-reports:before{content:"📊"}@media(max-width:768px){.harvest-tabs{flex-direction:column}.harvest-tabs button{justify-content:center;border-bottom:none;border-left:3px solid transparent}.harvest-tabs button.active{border-bottom-color:transparent;border-left-color:#28a745}.summary-grid{grid-template-columns:repeat(2,1fr)}.report-table{font-size:14px}.report-table th,.report-table td{padding:8px}}@media(max-width:480px){.summary-grid{grid-template-columns:1fr}.report-actions{flex-direction:column}}.vendor-form{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 20px #0000001a}.vendor-form h3{margin-top:0;margin-bottom:20px;color:#333;font-weight:600;border-bottom:2px solid #f1f1f1;padding-bottom:10px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group select,.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:16px;transition:all .3s ease}.form-group select:focus,.form-group input:focus,.form-group textarea:focus{border-color:#f93;outline:none;box-shadow:0 0 0 3px #ff99331a}.readonly-input{background-color:#f8f9fa;color:#6c757d}.vendor-score{color:#6c757d;font-size:14px}.ai-scores{margin-top:16px;padding:16px;background:#f8f9fa;border-radius:8px}.ai-scores h4{margin:0 0 12px;color:#333;font-size:16px}.score-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.score-item{display:flex;flex-direction:column}.score-label{font-size:14px;font-weight:500;color:#333;margin-bottom:6px}.score-bar{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:4px}.score-fill{height:100%;border-radius:4px;transition:width .5s ease}.score-value{font-size:12px;color:#6c757d;text-align:right}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,#f93,#f60);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #f936}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.error-message{background:#fee;color:#c53030;padding:12px 16px;border-radius:8px;margin-bottom:20px;border-left:4px solid #f56565}@media(max-width:768px){.form-row,.score-grid{grid-template-columns:1fr}}.vendor-list{padding:20px}.vendor-filters{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.search-box{flex:1;min-width:250px}.search-box input{width:100%;padding:10px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:16px}.filter-select{min-width:200px}.filter-select select{width:100%;padding:10px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:16px}.vendors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.vendor-card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.vendor-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.vendor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e9ecef}.vendor-header h4{margin:0;color:#333}.vendor-score{padding:4px 8px;border-radius:50px;color:#fff;font-weight:600;font-size:12px}.vendor-details p{margin:6px 0;font-size:14px;color:#555}.vendor-actions{margin-top:16px}.btn-assign{width:100%;padding:8px 16px;background:linear-gradient(135deg,#f93,#f60);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-assign:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff99334d}.no-vendors{grid-column:1 / -1;text-align:center;padding:40px;color:#6c757d}.vendor-analytics{padding:20px}.vendor-analytics h3{margin-top:0;margin-bottom:20px;color:#333;font-weight:600}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.analytic-card{background:#fff;border-radius:8px;padding:16px;text-align:center;box-shadow:0 2px 8px #0000001a}.analytic-value{font-size:24px;font-weight:700;color:#333;margin-bottom:8px}.analytic-label{font-size:14px;color:#6c757d}.loading{text-align:center;padding:40px;color:#6c757d}.error{background:#fee;color:#c53030;padding:12px 16px;border-radius:8px;margin-bottom:20px;border-left:4px solid #f56565}.phase-manager{background:#fff;border-radius:12px;box-shadow:0 2px 20px #0000001a;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pm-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;display:flex;justify-content:space-between;align-items:center}.pm-header .header-left h2{margin:0 0 8px;font-size:28px;font-weight:700}.pm-header .header-left p{margin:0;opacity:.9;font-size:16px}.bot-interface{display:flex;align-items:center;gap:16px}.bot-avatar{font-size:40px;width:60px;height:60px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bot-status h2{margin:0 0 8px;font-size:24px}.status-indicators{display:flex;gap:16px;font-size:12px}.status-online{color:#48bb78;font-weight:600}.status-export,.status-product{opacity:.8}.system-metrics{display:flex;gap:20px}.metric{text-align:center;background:#fff3;padding:12px 16px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.metric-label{display:block;font-size:12px;opacity:.9;margin-bottom:4px}.metric-value{display:block;font-size:20px;font-weight:700}.activity-feed{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:12px 24px}.feed-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#6c757d;margin-bottom:8px}.feed-items{display:flex;gap:16px;overflow-x:auto}.feed-item{background:#fff;padding:8px 12px;border-radius:6px;border:1px solid #e9ecef;font-size:11px;display:flex;gap:8px;align-items:center;white-space:nowrap}.event-type{background:#e9ecef;padding:2px 6px;border-radius:4px;font-weight:600;text-transform:uppercase}.event-phase{color:#667eea;font-weight:600}.event-user{color:#6c757d}.event-time{color:#adb5bd}.phase-navigation{display:flex;gap:12px;padding:20px 24px;background:#f8f9fa;border-bottom:1px solid #e9ecef;overflow-x:auto}.nav-phase{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;cursor:pointer;min-width:140px;text-align:center;transition:all .3s ease;flex-shrink:0}.nav-phase:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.nav-phase.active{background:#007bff;color:#fff;border-color:#007bff}.nav-phase.not_started{border-left:4px solid #e53e3e}.nav-phase.in_progress{border-left:4px solid #d69e2e}.nav-phase.completed{border-left:4px solid #38a169}.phase-indicator{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.phase-icon{font-size:16px}.phase-number{font-weight:700;font-size:18px}.phase-name{font-size:12px;display:block;font-weight:500}.phase-progress-mini{height:4px;background:#e2e8f0;border-radius:2px;margin-top:8px;overflow:hidden}.progress-bar-mini{height:100%;background:linear-gradient(90deg,#48bb78,#38a169);border-radius:2px;transition:width .5s ease}.phase-content{position:relative;min-height:600px}.phase-detail{display:none;padding:0}.phase-detail.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.phase-detail-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e9ecef;background:#fff}.phase-title-section h3{margin:0;display:flex;align-items:center;gap:12px;font-size:20px}.phase-number-gold{color:#d4af37;font-weight:700;font-size:16px}.phase-status-badge{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f7fafc;border-radius:20px;font-size:12px;font-weight:600}.status-dot.not_started{background:#e53e3e}.status-dot.in_progress{background:#d69e2e}.status-dot.completed{background:#38a169}.phase-actions{display:flex;gap:12px}.btn-start-phase,.btn-complete-phase,.btn-reopen-phase{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease}.btn-start-phase{background:#48bb78;color:#fff}.btn-complete-phase{background:#4299e1;color:#fff}.btn-reopen-phase{background:#ed8936;color:#fff}.btn-start-phase:hover{background:#38a169}.btn-complete-phase:hover{background:#3182ce}.btn-reopen-phase:hover{background:#dd6b20}.phase-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:24px;background:#f8f9fa}.metric-card{background:#fff;padding:20px;border-radius:8px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d;border:1px solid #e9ecef}.metric-icon{font-size:32px;width:60px;height:60px;background:#f7fafc;border-radius:12px;display:flex;align-items:center;justify-content:center}.metric-value{display:block;font-size:28px;font-weight:700;color:#2d3748;margin-bottom:4px}.metric-label{font-size:12px;color:#718096;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.staff-assignment-section{padding:24px;border-bottom:1px solid #e9ecef;background:#fff}.staff-assignment-section h4{margin:0 0 16px;color:#2d3748;font-size:16px;font-weight:600}.assignment-controls{display:flex;gap:16px;align-items:center}.staff-selector{padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;min-width:250px}.assigned-staff{display:flex;align-items:center;gap:12px;padding:12px;background:#f0fff4;border:1px solid #c6f6d5;border-radius:8px}.staff-avatar{width:40px;height:40px;background:#48bb78;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.staff-details{display:flex;flex-direction:column}.staff-name{font-weight:600;color:#2d3748}.staff-role{font-size:12px;color:#718096}.staff-contact{font-size:11px;color:#a0aec0}.quick-actions-section{padding:24px;border-bottom:1px solid #e9ecef;background:#fff}.quick-actions-section h4{margin:0 0 16px;color:#2d3748;font-size:16px;font-weight:600}.action-buttons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.btn-quick-action{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;cursor:pointer;transition:all .3s ease;text-align:left;display:flex;align-items:center;gap:12px}.btn-quick-action:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.action-icon{font-size:20px;width:40px;height:40px;background:#f7fafc;border-radius:8px;display:flex;align-items:center;justify-content:center}.action-label{font-weight:500;color:#2d3748}.module-navigation{display:flex;gap:8px;padding:16px 24px;background:#f8f9fa;border-bottom:1px solid #e9ecef;overflow-x:auto}.module-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:10px 16px;cursor:pointer;font-size:14px;font-weight:500;white-space:nowrap;transition:all .3s ease}.module-btn.active{background:#007bff;color:#fff;border-color:#007bff}.module-btn:hover:not(.active){background:#f7fafc;border-color:#cbd5e0}.checklist-section{padding:24px;background:#fff}.checklist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.checklist-header h4{margin:0;color:#2d3748;font-size:16px;font-weight:600}.checklist-progress{color:#718096;font-size:14px;font-weight:500}.progress-bar-main{height:8px;background:#e2e8f0;border-radius:4px;margin-bottom:24px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#48bb78,#38a169);border-radius:4px;transition:width .5s ease}.checklist-items{display:flex;flex-direction:column;gap:12px}.checklist-item{background:#fff;padding:16px;border-radius:8px;border:1px solid #e2e8f0;transition:all .3s ease}.checklist-item.completed{background:#f0fff4;border-color:#c6f6d5}.checklist-item.important{border-left:4px solid #e53e3e}.task-main{display:flex;align-items:center;gap:12px}.task-checkbox{width:18px;height:18px;cursor:pointer}.task-text{flex:1;color:#2d3748;font-size:14px;line-height:1.4}.checklist-item.completed .task-text{text-decoration:line-through;color:#718096}.important-badge{background:#fed7d7;color:#c53030;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.completed-by{font-size:11px;color:#718096;margin-left:auto}.task-description{margin-top:8px;padding-left:30px;font-size:13px;color:#718096;line-height:1.4}.system-controls{display:flex;gap:12px;padding:20px 24px;background:#f8f9fa;border-top:1px solid #e9ecef;justify-content:center}.btn-system{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:10px 16px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-system:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px)}.phase-manager-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;background:#fff}.robotic-loader{text-align:center}.bot-avatar{font-size:60px;margin-bottom:20px}.loading-text{font-size:16px;color:#718096;margin-bottom:20px}.loading-dots{display:flex;gap:4px;justify-content:center}.loading-dots span{width:8px;height:8px;background:#667eea;border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-left:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.phase-manager-error,.phase-manager-empty{text-align:center;padding:60px 20px;background:#fff}.phase-manager-error{background:#fed7d7;border-radius:8px;margin:20px}.phase-manager-empty{background:#e6fffa;border-radius:8px;margin:20px}.error-bot,.empty-icon{font-size:60px;margin-bottom:20px}.phase-manager-error h3,.phase-manager-empty h3{margin:0 0 8px;color:#2d3748}.phase-manager-error p,.phase-manager-empty p{margin:0 0 20px;color:#718096}.btn-retry,.btn-create-phases{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500}.btn-retry:hover,.btn-create-phases:hover{background:#0056b3}@media(max-width:768px){.pm-header{flex-direction:column;gap:20px;text-align:center}.system-metrics{width:100%;justify-content:space-between}.phase-navigation{flex-direction:column}.nav-phase{min-width:auto}.phase-detail-header{flex-direction:column;gap:16px;text-align:center}.phase-metrics-grid{grid-template-columns:1fr}.assignment-controls{flex-direction:column;align-items:stretch}.staff-selector{min-width:auto}.action-buttons-grid{grid-template-columns:1fr}.module-navigation{flex-wrap:wrap}.system-controls{flex-direction:column}}@media(max-width:480px){.pm-header,.phase-navigation,.phase-detail-header,.phase-metrics-grid,.staff-assignment-section,.quick-actions-section,.module-navigation,.checklist-section,.system-controls,.activity-feed{padding-left:16px;padding-right:16px}}.export-wizard{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.wizard-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,gold,#ffed4e);border-radius:12px 12px 0 0}.wizard-header h2{margin:0;color:#2c2c2c;font-weight:700;font-size:24px}.btn-close{background:none;border:none;font-size:24px;color:#2c2c2c;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-close:hover{background:#ffffff4d}.wizard-stepper{display:flex;padding:24px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.stepper-step{display:flex;align-items:center;flex:1;position:relative}.step-number{width:32px;height:32px;border-radius:50%;background:#e9ecef;color:#666;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .3s ease;z-index:2}.stepper-step.active .step-number{background:linear-gradient(135deg,gold,#ffed4e);color:#2c2c2c;box-shadow:0 4px 12px #b8860b4d}.stepper-step.completed .step-number{background:#4caf50;color:#fff}.step-title{margin-left:12px;font-size:14px;font-weight:600;color:#666;transition:all .3s ease}.stepper-step.active .step-title{color:#2c2c2c}.stepper-step.completed .step-title{color:#4caf50}.step-connector{flex:1;height:2px;background:#e9ecef;margin:0 16px;position:relative}.stepper-step.completed .step-connector{background:#4caf50}.wizard-content{padding:32px;min-height:400px}.wizard-step{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.step-header{margin-bottom:32px;text-align:center}.step-header h3{margin:0 0 8px;color:#2c2c2c;font-size:24px;font-weight:600}.step-header p{margin:0;color:#666;font-size:16px}.order-selection{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;max-height:300px;overflow-y:auto}.order-option{display:flex;justify-content:space-between;align-items:center;padding:16px;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .3s ease}.order-option:hover{border-color:gold;background:#fff9e6}.order-option.selected{border-color:gold;background:linear-gradient(135deg,#fff9e6,#fff0cc);box-shadow:0 4px 12px #b8860b33}.order-info h4{margin:0 0 8px;color:#2c2c2c;font-size:16px}.order-info p{margin:4px 0;font-size:14px;color:#666}.order-meta{text-align:right}.order-date{font-size:12px;color:#999}.empty-orders{text-align:center;padding:40px 20px;color:#666}.empty-icon{font-size:48px;margin-bottom:16px}.export-reference{margin-top:24px}.export-reference label{display:block;margin-bottom:8px;font-weight:600;color:#2c2c2c}.export-reference input{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:16px;font-weight:600;color:#2c2c2c}.export-reference input:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd7001a}.export-reference small{display:block;margin-top:4px;color:#666;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group label{margin-bottom:8px;font-weight:600;color:#2c2c2c}.form-group select,.form-group input,.form-group textarea{padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .3s ease}.form-group select:focus,.form-group input:focus,.form-group textarea:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd7001a}.form-group textarea{resize:vertical;min-height:80px}.timeline-preview{margin-top:32px;padding:20px;background:#f8f9fa;border-radius:8px}.timeline-preview h4{margin:0 0 16px;color:#2c2c2c}.timeline{display:flex;align-items:center;justify-content:space-between;position:relative}.timeline-item{display:flex;align-items:center;gap:12px;flex:1}.timeline-dot{width:16px;height:16px;border-radius:50%;border:3px solid #e9ecef}.timeline-dot.departure{border-color:gold;background:gold}.timeline-dot.arrival{border-color:#4caf50;background:#4caf50}.timeline-content{display:flex;flex-direction:column}.timeline-content strong{color:#2c2c2c;font-size:14px}.timeline-content span{color:#666;font-size:12px}.timeline-connector{flex:1;height:2px;background:#e9ecef;margin:0 20px}.phases-overview{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.phase-card{padding:20px;border:2px solid #e9ecef;border-radius:8px;transition:all .3s ease}.phase-card:hover{border-color:gold;box-shadow:0 4px 12px #0000001a}.phase-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.phase-number{width:32px;height:32px;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#2c2c2c;font-size:14px}.phase-header h4{margin:0;color:#2c2c2c;font-size:16px}.phase-description p{margin:0 0 12px;color:#666;font-size:14px;line-height:1.4}.phase-description ul{margin:0;padding-left:16px;color:#666;font-size:13px}.phase-description li{margin-bottom:4px}.phase-notice{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#e8f5e8;border-radius:8px;border-left:4px solid #4caf50}.notice-content strong{display:block;margin-bottom:4px;color:#2c2c2c}.notice-content p{margin:0;color:#666;font-size:14px}.staff-selection{margin-bottom:24px}.assigned-staff-preview{margin-top:20px;padding:20px;background:#f8f9fa;border-radius:8px}.assigned-staff-preview h4{margin:0 0 16px;color:#2c2c2c}.staff-card{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border-radius:8px;border:1px solid #e9ecef}.staff-avatar{width:50px;height:50px;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#2c2c2c;font-size:18px}.staff-info h5{margin:0 0 4px;color:#2c2c2c}.staff-info p{margin:0 0 4px;color:#666;font-size:14px}.staff-role{background:#e3f2fd;color:#1976d2;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.assignment-notice{padding:16px;background:#fff3cd;border-radius:8px;border-left:4px solid #ffc107}.assignment-notice p{margin:0;color:#856404;font-size:14px}.review-sections{display:flex;flex-direction:column;gap:24px}.review-section{padding:20px;border:1px solid #e9ecef;border-radius:8px}.review-section h4{margin:0 0 16px;color:#2c2c2c;font-size:18px;border-bottom:2px solid #ffd700;padding-bottom:8px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.review-item{display:flex;flex-direction:column}.review-item label{font-weight:600;color:#666;font-size:14px;margin-bottom:4px}.review-item span{color:#2c2c2c;font-weight:500}.priority-high{color:#f44336;font-weight:700}.priority-urgent{color:#d32f2f;font-weight:700}.priority-normal{color:#4caf50;font-weight:700}.priority-low{color:#ff9800;font-weight:700}.wizard-actions{display:flex;justify-content:space-between;align-items:center;padding:24px;border-top:1px solid #e9ecef;background:#f8f9fa;border-radius:0 0 12px 12px}.btn-secondary,.btn-primary,.btn-success{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,gold,#ffed4e);color:#2c2c2c;box-shadow:0 4px 12px #b8860b4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #b8860b66}.btn-success{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff;box-shadow:0 4px 12px #4caf504d}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.btn-primary:disabled,.btn-success:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{background:#f8d7da;color:#721c24;padding:16px;border-radius:8px;border:1px solid #f5c6cb;margin-top:16px}@media(max-width:768px){.export-wizard{margin:20px;max-height:95vh}.wizard-stepper{flex-direction:column;gap:16px}.stepper-step{flex:none}.step-connector{display:none}.form-grid,.phases-overview,.review-grid{grid-template-columns:1fr}.wizard-actions{flex-direction:column;gap:12px}.action-left,.action-right,.btn-secondary,.btn-primary,.btn-success{width:100%}}@media(max-width:480px){.wizard-content{padding:20px}.wizard-header{padding:16px}.wizard-header h2,.step-header h3{font-size:20px}.order-option{flex-direction:column;align-items:flex-start;gap:12px}.order-meta{align-self:flex-end}}.order-selection::-webkit-scrollbar{width:6px}.order-selection::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.order-selection::-webkit-scrollbar-thumb{background:gold;border-radius:3px}.order-selection::-webkit-scrollbar-thumb:hover{background:#b8860b}.document-template{padding:30px}.template-header{display:flex;justify-content:between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e9ecef}.template-header h3{color:#2c3e50;margin:0}.template-actions{display:flex;gap:10px}.template-actions button{padding:10px 20px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-save{background:#3498db;color:#fff}.btn-save:hover:not(:disabled){background:#2980b9}.btn-generate{background:#f39c12;color:#fff}.btn-generate:hover:not(:disabled){background:#e67e22}.btn-submit{background:#27ae60;color:#fff}.btn-submit:hover:not(:disabled){background:#219a52}.template-actions button:disabled{background:#bdc3c7;cursor:not-allowed}.document-status{padding:15px;background:#f8f9fa;border-radius:6px;margin-bottom:25px;display:flex;align-items:center;gap:15px}.document-status .status{padding:4px 12px;border-radius:15px;font-size:12px;font-weight:600;text-transform:uppercase}.document-status .status.draft{background:#fff3cd;color:#856404}.document-status .status.final{background:#d1ecf1;color:#0c5460}.document-status .status.submitted{background:#d4edda;color:#155724}.document-number{font-weight:600;color:#2c3e50}.form-section{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:8px}.form-section h4{color:#2c3e50;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #dee2e6}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.form-group label{font-weight:600;color:#495057;margin-bottom:5px;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.form-group.total{grid-column:1 / -1;text-align:center;padding:15px;background:#fff;border-radius:6px;border:2px solid #27ae60}.form-group.total strong{font-size:24px;color:#27ae60}.products-table{overflow-x:auto}.products-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.products-table th{background:#34495e;color:#fff;padding:12px 8px;text-align:left;font-weight:600;font-size:13px}.products-table td{padding:10px 8px;border-bottom:1px solid #e9ecef}.products-table input,.products-table select{width:100%;padding:6px 8px;border:1px solid #ced4da;border-radius:3px;font-size:13px}.btn-remove{background:#e74c3c;color:#fff;border:none;border-radius:3px;padding:5px 8px;cursor:pointer;font-size:12px}.btn-remove:hover:not(:disabled){background:#c0392b}.btn-remove:disabled{background:#bdc3c7;cursor:not-allowed}.btn-add-product{background:#27ae60;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;margin-top:15px;font-weight:600}.btn-add-product:hover{background:#219a52}.totals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}@media(max-width:768px){.document-template{padding:15px}.template-header{flex-direction:column;gap:15px;text-align:center}.template-actions{flex-wrap:wrap;justify-content:center}.form-grid{grid-template-columns:1fr}.document-type-navigation{grid-template-columns:1fr 1fr}.status-grid{grid-template-columns:1fr}.quick-actions{flex-direction:column}}@keyframes circuitScan{0%{transform:translate(-100%);opacity:0}50%{opacity:1}to{transform:translate(100%);opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate3D{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(10deg) scale(1.05)}to{transform:rotateY(0) scale(1)}}.pdf-preview-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .4s cubic-bezier(.25,.46,.45,.94)}.pdf-preview-modal{background:linear-gradient(145deg,var(--robotic-darker) 0%,#2D3047 100%);border:2px solid var(--gold-primary);border-radius:20px;width:95%;max-width:1000px;max-height:95vh;overflow:hidden;position:relative;animation:modalSlideIn .5s cubic-bezier(.25,.46,.45,.94);box-shadow:0 20px 60px #000c,0 0 0 1px #ffd7001a,inset 0 0 30px #ffd7000d}.pdf-preview-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold-primary),var(--gold-secondary),var(--gold-primary),transparent);animation:circuitScan 4s linear infinite;z-index:2}.pdf-preview-modal:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 98%,rgba(255,215,0,.1) 100%),linear-gradient(0deg,transparent 98%,rgba(255,215,0,.1) 100%);background-size:40px 40px;pointer-events:none;opacity:.1;z-index:1}.preview-header{background:linear-gradient(135deg,#2a2d43f2,#1a1a2efa);padding:20px 30px;border-bottom:1px solid rgba(255,215,0,.3);display:flex;justify-content:space-between;align-items:center;position:relative}.preview-header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-primary),transparent)}.preview-header h3{color:var(--gold-primary);margin:0;font-size:1.6em;font-weight:700;text-shadow:0 0 15px rgba(255,215,0,.4);background:linear-gradient(45deg,var(--gold-primary),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:10px}.preview-actions{display:flex;gap:12px;align-items:center}.btn-download,.btn-print,.btn-close,.btn-retry{background:linear-gradient(135deg,var(--robotic-dark),var(--robotic-darker));border:1px solid var(--gold-primary);color:var(--gold-primary);padding:12px 20px;border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.9em;position:relative;overflow:hidden;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.btn-download:before,.btn-print:before,.btn-close:before,.btn-retry:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);transition:left .5s ease}.btn-download:hover:before,.btn-print:hover:before,.btn-close:hover:before,.btn-retry:hover:before{left:100%}.btn-download:hover,.btn-print:hover,.btn-retry:hover{background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));color:var(--robotic-darker);transform:translateY(-2px);box-shadow:0 5px 20px #ffd70066,0 0 30px #ffd70033}.btn-close:hover{background:linear-gradient(135deg,#f44,#c00);color:#fff;border-color:#f44;transform:translateY(-2px);box-shadow:0 5px 20px #f446}.preview-loading{padding:60px 40px;text-align:center;background:linear-gradient(135deg,#1a1a2ecc,#2a2d43e6);display:flex;flex-direction:column;align-items:center;gap:30px;min-height:300px;justify-content:center}.loading-spinner{width:80px;height:80px;border:4px solid rgba(255,215,0,.2);border-top:4px solid var(--gold-primary);border-radius:50%;animation:spin 1.5s linear infinite,pulseGold 2s ease-in-out infinite;position:relative}.loading-spinner:before{content:"";position:absolute;inset:-8px;border:2px solid transparent;border-top:2px solid var(--gold-secondary);border-radius:50%;animation:spin 2s linear infinite reverse}.loading-spinner:after{content:"📄";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5em;animation:rotate3D 3s ease-in-out infinite}.preview-loading p{color:var(--gold-primary);font-size:1.3em;font-weight:600;text-shadow:0 0 10px rgba(255,215,0,.3);margin:0;background:linear-gradient(45deg,var(--gold-primary),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.preview-error{padding:60px 40px;text-align:center;background:linear-gradient(135deg,#1a1a2ecc,#2a2d43e6);display:flex;flex-direction:column;align-items:center;gap:25px;min-height:300px;justify-content:center}.error-icon{font-size:4em;animation:bounce 1s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,68,68,.5))}.preview-error h3{color:var(--error);margin:0;font-size:1.8em;text-shadow:0 0 10px rgba(255,68,68,.3)}.preview-error p{color:var(--robotic-silver);font-size:1.1em;max-width:500px;line-height:1.6;margin:0}.error-actions{display:flex;gap:15px;margin-top:20px}.preview-content{padding:30px;background:linear-gradient(135deg,#1a1a2eb3,#2a2d43cc);min-height:400px;display:flex;align-items:center;justify-content:center;position:relative}.preview-content:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,215,0,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,215,0,.03) 0%,transparent 50%);pointer-events:none}.preview-content iframe{border:2px solid rgba(255,215,0,.3)!important;border-radius:12px!important;box-shadow:0 10px 40px #0009,0 0 30px #ffd7001a,inset 0 0 20px #ffd7000d;transition:all .3s ease;background:#fff}.preview-content iframe:hover{border-color:var(--gold-primary)!important;box-shadow:0 15px 50px #000000b3,0 0 40px #ffd70033,inset 0 0 20px #ffd7001a;transform:translateY(-2px)}.preview-footer{background:linear-gradient(135deg,#1a1a2ef2,#2a2d43e6);padding:20px 30px;border-top:1px solid rgba(255,215,0,.3);display:flex;justify-content:space-between;align-items:center;position:relative}.preview-footer:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-primary),transparent)}.document-info{color:var(--robotic-silver);font-size:.95em;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.document-info strong{color:var(--gold-primary);font-weight:600}.preview-tips{color:var(--robotic-silver);font-size:.9em;opacity:.8;display:flex;align-items:center;gap:8px;max-width:300px}.preview-tips strong{color:var(--gold-primary)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@media(max-width:768px){.pdf-preview-modal{width:98%;margin:10px;max-height:98vh}.preview-header{padding:15px 20px;flex-direction:column;gap:15px;text-align:center}.preview-actions{flex-wrap:wrap;justify-content:center}.btn-download,.btn-print,.btn-close,.btn-retry{min-width:100px;padding:10px 15px;font-size:.85em}.preview-content{padding:20px 15px}.preview-content iframe{height:500px!important}.preview-footer{flex-direction:column;gap:15px;text-align:center;padding:15px 20px}.document-info{justify-content:center}.preview-tips{max-width:100%;text-align:center;justify-content:center}}@media(max-width:480px){.preview-header h3{font-size:1.3em}.preview-actions{flex-direction:column;width:100%}.btn-download,.btn-print,.btn-close,.btn-retry{width:100%;min-width:auto}.preview-content iframe{height:400px!important}.error-actions{flex-direction:column;width:100%}}@media print{.pdf-preview-overlay{position:static;background:#fff}.pdf-preview-modal{border:none;box-shadow:none;max-width:none;max-height:none}.preview-header,.preview-footer{display:none}.preview-content{padding:0}.preview-content iframe{border:none!important;box-shadow:none!important;height:100vh!important}}@media(prefers-contrast:high){:root{--gold-primary: #FFCC00;--gold-secondary: #CC9900;--robotic-silver: #FFFFFF;--robotic-dark: #000000;--robotic-darker: #111111}.pdf-preview-modal{border-width:3px}}@media(prefers-color-scheme:dark){.pdf-preview-overlay{background:#000000f2}.preview-content iframe{filter:brightness(.9) contrast(1.1)}}:root{--gold-primary: #FFD700;--gold-secondary: #D4AF37;--gold-dark: #B8860B;--gold-light: #FFF8DC;--robotic-silver: #C0C0C0;--robotic-dark: #2C3E50;--robotic-darker: #1A1A2E;--success: #00FF87;--warning: #FFA500;--error: #FF4444;--info: #00B4D8}@keyframes roboticScan{0%{transform:translate(-100%);opacity:0}50%{opacity:1}to{transform:translate(100%);opacity:0}}@keyframes pulseGold{0%,to{box-shadow:0 0 20px var(--gold-primary)}50%{box-shadow:0 0 40px var(--gold-secondary),0 0 60px var(--gold-primary)}}@keyframes floatBot{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes circuitGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.ai-assistant-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease-out}.ai-assistant-modal{background:linear-gradient(145deg,var(--robotic-darker) 0%,#2D3047 100%);border:2px solid var(--gold-primary);border-radius:20px;width:90%;max-width:800px;max-height:90vh;overflow:hidden;position:relative;animation:modalSlideIn .4s cubic-bezier(.25,.46,.45,.94)}.ai-assistant-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold-primary),var(--gold-secondary),var(--gold-primary),transparent);animation:roboticScan 3s linear infinite}.ai-header{background:linear-gradient(135deg,#2a2d43f2,#1a1a2efa);padding:20px 30px;border-bottom:1px solid var(--gold-primary);position:relative;display:flex;justify-content:space-between;align-items:center}.ai-header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-primary),transparent)}.ai-title h2{color:var(--gold-primary);margin:0;font-size:1.8em;font-weight:700;text-shadow:0 0 10px rgba(255,215,0,.3);background:linear-gradient(45deg,var(--gold-primary),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-title p{color:var(--robotic-silver);margin:5px 0 0;font-size:.9em;opacity:.8}.btn-close-ai{background:linear-gradient(135deg,var(--robotic-dark),var(--robotic-darker));border:1px solid var(--gold-primary);color:var(--gold-primary);width:40px;height:40px;border-radius:50%;font-size:1.2em;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-close-ai:hover{background:linear-gradient(135deg,var(--gold-dark),var(--gold-secondary));color:var(--robotic-darker);transform:scale(1.1);box-shadow:0 0 20px var(--gold-primary)}.ai-feature-tabs{display:flex;background:linear-gradient(90deg,#2a2d43cc,#1a1a2ee6);border-bottom:1px solid rgba(255,215,0,.3);padding:0 20px}.ai-tab{flex:1;background:transparent;border:none;padding:15px 10px;color:var(--robotic-silver);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:5px}.ai-tab:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:3px;background:linear-gradient(90deg,var(--gold-primary),var(--gold-secondary));transition:width .3s ease}.ai-tab:hover{color:var(--gold-primary);background:#ffd7001a}.ai-tab:hover:before{width:80%}.ai-tab.active{color:var(--gold-primary);background:#ffd70026}.ai-tab.active:before{width:100%}.tab-icon{font-size:1.2em;filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}.tab-name{font-size:.85em;font-weight:600;text-align:center}.ai-content{padding:30px;max-height:60vh;overflow-y:auto;background:linear-gradient(135deg,#1a1a2eb3,#2a2d43cc)}.ai-content::-webkit-scrollbar{width:8px}.ai-content::-webkit-scrollbar-track{background:#ffd7001a;border-radius:4px}.ai-content::-webkit-scrollbar-thumb{background:linear-gradient(var(--gold-primary),var(--gold-dark));border-radius:4px}.ai-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(var(--gold-secondary),var(--gold-primary))}.ai-loading{text-align:center;padding:40px 20px}.ai-loader{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:20px}.ai-bot{font-size:4em;animation:floatBot 2s ease-in-out infinite;filter:drop-shadow(0 0 10px var(--gold-primary))}.loading-dots{display:flex;gap:8px}.loading-dots span{width:12px;height:12px;border-radius:50%;background:var(--gold-primary);animation:pulseGold 1.4s ease-in-out infinite both}.ai-loading p{color:var(--gold-primary);font-size:1.1em;margin:0;opacity:.8}.suggestions-content h3,.validation-content h3,.optimization-content h3,.compliance-content h3{color:var(--gold-primary);margin-bottom:10px;font-size:1.5em;text-shadow:0 0 10px rgba(255,215,0,.3)}.ai-subtitle{color:var(--robotic-silver);margin-bottom:25px;opacity:.8}.suggestions-list{display:flex;flex-direction:column;gap:20px}.suggestion-item{background:linear-gradient(135deg,#2a2d4399,#1a1a2ecc);border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:20px;transition:all .3s ease;position:relative;overflow:hidden}.suggestion-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold-primary),var(--gold-secondary));transform:scaleX(0);transition:transform .3s ease}.suggestion-item:hover{border-color:var(--gold-primary);transform:translateY(-2px);box-shadow:0 5px 20px #ffd70033}.suggestion-item:hover:before{transform:scaleX(1)}.suggestion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.suggestion-field{color:var(--gold-primary);font-weight:600;font-size:1.1em;text-transform:uppercase;letter-spacing:.5px}.confidence-badge{padding:4px 12px;border-radius:20px;font-size:.8em;font-weight:600;background:linear-gradient(135deg,var(--success),#00CC78);color:var(--robotic-darker)}.confidence-85{background:linear-gradient(135deg,var(--success),#00CC78)}.confidence-92{background:linear-gradient(135deg,#00e676,#00a85d)}.confidence-78{background:linear-gradient(135deg,var(--warning),#E69500)}.suggestion-details{display:grid;gap:8px;margin-bottom:15px}.current-value,.suggested-value{color:var(--robotic-silver);font-size:.9em}.suggested-value strong{color:var(--gold-primary)}.suggestion-reason{color:var(--robotic-silver);font-style:italic;margin:8px 0;padding:10px;background:#ffd7000d;border-left:3px solid var(--gold-primary);border-radius:0 4px 4px 0}.impact{padding:6px 12px;border-radius:6px;font-size:.85em;font-weight:600;text-align:center}.impact-high{background:linear-gradient(135deg,#f443,#ff44441a);color:var(--error);border:1px solid rgba(255,68,68,.3)}.impact-medium{background:linear-gradient(135deg,#ffa50033,#ffa5001a);color:var(--warning);border:1px solid rgba(255,165,0,.3)}.btn-apply-suggestion{background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));color:var(--robotic-darker);border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;text-transform:uppercase;letter-spacing:.5px}.btn-apply-suggestion:hover{background:linear-gradient(135deg,var(--gold-secondary),var(--gold-primary));transform:translateY(-1px);box-shadow:0 5px 15px #ffd70066}.validation-results{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.validation-item{display:flex;align-items:flex-start;gap:15px;padding:15px;background:linear-gradient(135deg,#2a2d4399,#1a1a2ecc);border-radius:10px;border:1px solid;transition:all .3s ease}.validation-item:hover{transform:translate(5px);box-shadow:0 5px 15px #0000004d}.validation-item.error{border-color:#ff444480;background:linear-gradient(135deg,#ff44441a,#2a2d4399)}.validation-item.warning{border-color:#ffa50080;background:linear-gradient(135deg,#ffa5001a,#2a2d4399)}.validation-item.info{border-color:#00b4d880;background:linear-gradient(135deg,#00b4d81a,#2a2d4399)}.validation-icon{font-size:1.5em;margin-top:2px;flex-shrink:0}.validation-details{flex:1;display:flex;flex-direction:column;gap:5px}.validation-message{color:var(--robotic-silver);font-weight:600;font-size:1em}.validation-field,.validation-fix{color:var(--robotic-silver);font-size:.9em;opacity:.8}.validation-severity{padding:6px 12px;border-radius:6px;font-size:.8em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;align-self:flex-start}.severity-high{background:linear-gradient(135deg,var(--error),#CC0000);color:#fff}.severity-medium{background:linear-gradient(135deg,var(--warning),#CC8400);color:var(--robotic-darker)}.validation-summary{display:flex;justify-content:space-around;padding:20px;background:linear-gradient(135deg,#1a1a2ecc,#2a2d4399);border-radius:12px;border:1px solid rgba(255,215,0,.2)}.summary-item{display:flex;flex-direction:column;align-items:center;gap:5px}.summary-count{font-size:2em;font-weight:700;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid;animation:pulseGold 2s ease-in-out infinite}.error-count{background:#ff44441a;color:var(--error);border-color:var(--error)}.warning-count{background:#ffa5001a;color:var(--warning);border-color:var(--warning)}.info-count{background:#00b4d81a;color:var(--info);border-color:var(--info)}.summary-item span:last-child{color:var(--robotic-silver);font-size:.9em;text-transform:uppercase;letter-spacing:.5px}.optimization-tips{display:flex;flex-direction:column;gap:20px}.optimization-tip{background:linear-gradient(135deg,#2a2d4399,#1a1a2ecc);border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:20px;transition:all .3s ease;position:relative;overflow:hidden}.optimization-tip:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--gold-primary),var(--gold-secondary));transform:scaleY(0);transition:transform .3s ease}.optimization-tip:hover{border-color:var(--gold-primary);transform:translateY(-2px);box-shadow:0 5px 20px #ffd7001a}.optimization-tip:hover:before{transform:scaleY(1)}.tip-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.tip-header h4{color:var(--gold-primary);margin:0;font-size:1.1em;flex:1}.implementation-difficulty{padding:4px 12px;border-radius:20px;font-size:.8em;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.implementation-difficulty.easy{background:linear-gradient(135deg,var(--success),#00CC78);color:var(--robotic-darker)}.implementation-difficulty.medium{background:linear-gradient(135deg,var(--warning),#E69500);color:var(--robotic-darker)}.tip-description{color:var(--robotic-silver);margin:10px 0;line-height:1.5}.tip-benefit{color:var(--gold-primary);font-size:.9em;padding:8px 12px;background:#ffd7000d;border-radius:6px;border-left:3px solid var(--gold-primary)}.compliance-status{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.compliance-check{display:flex;align-items:center;gap:15px;padding:15px;background:linear-gradient(135deg,#2a2d4399,#1a1a2ecc);border-radius:10px;border:1px solid rgba(255,215,0,.2);transition:all .3s ease}.compliance-check:hover{border-color:var(--gold-primary);transform:translate(5px)}.check-icon{font-size:1.3em;flex-shrink:0}.check-text{color:var(--robotic-silver);font-weight:500}.compliance-alerts{background:linear-gradient(135deg,#1a1a2ecc,#2a2d4399);border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:20px}.compliance-alerts h4{color:var(--gold-primary);margin-bottom:15px;font-size:1.1em}.regulation-alert{color:var(--robotic-silver);padding:10px 15px;margin-bottom:10px;background:#ffd7000d;border-radius:8px;border-left:3px solid var(--gold-primary)}.regulation-alert strong{color:var(--gold-primary)}.ai-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:linear-gradient(135deg,#1a1a2ef2,#2a2d43e6);border-top:1px solid rgba(255,215,0,.3);position:relative}.ai-footer:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-primary),transparent)}.ai-disclaimer small{color:var(--robotic-silver);opacity:.8;max-width:400px;line-height:1.4}.ai-disclaimer strong{color:var(--gold-primary)}.btn-refresh-ai{background:linear-gradient(135deg,var(--robotic-dark),var(--robotic-darker));border:1px solid var(--gold-primary);color:var(--gold-primary);padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.9em}.btn-refresh-ai:hover{background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));color:var(--robotic-darker);transform:translateY(-2px);box-shadow:0 5px 15px #ffd7004d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes circuitFlow{0%{background-position:0% 0%}to{background-position:200% 200%}}@media(max-width:768px){.ai-assistant-modal{width:95%;margin:20px}.ai-header{padding:15px 20px;flex-direction:column;gap:10px;text-align:center}.ai-feature-tabs{flex-wrap:wrap;padding:0 10px}.ai-tab{flex:1 1 45%;min-width:120px}.ai-content{padding:20px 15px;max-height:50vh}.validation-summary,.ai-footer{flex-direction:column;gap:15px;text-align:center}.suggestion-header{flex-direction:column;gap:10px;align-items:flex-start}}.ai-assistant-modal:after{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 98%,rgba(255,215,0,.1) 100%),linear-gradient(0deg,transparent 98%,rgba(255,215,0,.1) 100%);background-size:30px 30px;pointer-events:none;opacity:.1;z-index:-1;animation:circuitFlow 20s linear infinite}:root{--primary-color: #3498db;--secondary-color: #2c3e50;--success-color: #27ae60;--warning-color: #f39c12;--error-color: #e74c3c;--info-color: #3498db;--dark-color: #2c3e50;--light-color: #ecf0f1;--border-color: #bdc3c7;--background-color: #f8f9fa;--card-shadow: 0 4px 6px rgba(0, 0, 0, .1);--hover-shadow: 0 8px 15px rgba(0, 0, 0, .15)}.document-manager{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.document-manager-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-animation{position:relative;margin-bottom:20px}.loading-spinner{width:60px;height:60px;border:4px solid #e3e3e3;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}.loading-dots{display:flex;gap:5px;justify-content:center}.loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--primary-color);animation:bounce 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.document-manager-loading p{font-size:1.2em;color:var(--dark-color);margin:10px 0}.loading-subtitle{font-size:.9em!important;color:#7f8c8d!important;opacity:.8}.notifications-container{position:fixed;top:20px;right:20px;z-index:1000;max-width:400px}.notification{display:flex;align-items:center;padding:12px 16px;margin-bottom:10px;border-radius:8px;box-shadow:var(--card-shadow);animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notification-success{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.notification-error{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.notification-warning{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.notification-info{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.notification-icon{margin-right:10px;font-size:1.2em}.notification-message{flex:1;font-size:.9em}.notification-close{background:none;border:none;color:inherit;font-size:1.2em;cursor:pointer;margin-left:10px;opacity:.8}.notification-close:hover{opacity:1}.document-manager-header{background:#fff;border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:var(--card-shadow);border-left:4px solid var(--primary-color)}.header-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.header-title h1{margin:0 0 8px;font-size:1.8em;color:var(--dark-color);font-weight:700}.header-title p{margin:0;color:#7f8c8d;font-size:.95em}.stat-item{text-align:center}.stat-value{display:block;font-size:1.5em;font-weight:700;color:var(--primary-color)}.stat-label{font-size:.8em;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px}.header-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.action-group{display:flex;align-items:center;gap:10px}.toggle-switch{display:flex;align-items:center;gap:8px;cursor:pointer}.toggle-switch input{display:none}.toggle-slider{width:44px;height:24px;background:#ddd;border-radius:24px;position:relative;transition:background .3s}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .3s}.toggle-switch input:checked+.toggle-slider{background:var(--success-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-label{font-size:.9em;color:var(--dark-color);font-weight:500}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:.9em;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-smart-fill{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.btn-smart-fill:hover{transform:translateY(-2px);box-shadow:0 4px 12px #9b59b666}.btn-ai{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.btn-ai:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c66}.btn-bulk{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.btn-bulk:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f39c1266}.btn-save{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 12px #27ae6066}.btn-preview{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.btn-preview:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3498db66}.btn-pdf{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.btn-pdf:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c66}.btn-submit{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #9b59b666}.quick-client-panel{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:var(--card-shadow)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-header h4{margin:0;color:var(--dark-color);font-size:1.1em}.client-count{background:var(--primary-color);color:#fff;padding:4px 8px;border-radius:12px;font-size:.8em;font-weight:600}.client-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.client-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s ease}.client-card:hover{transform:translateY(-2px);box-shadow:var(--hover-shadow);border-color:var(--primary-color)}.client-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1em}.client-info{flex:1;min-width:0}.client-name{font-weight:600;color:var(--dark-color);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-email{font-size:.8em;color:#7f8c8d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.dashboard-card{background:#fff;border-radius:12px;padding:20px;box-shadow:var(--card-shadow);display:flex;align-items:center;gap:15px;transition:all .3s ease;border-left:4px solid}.dashboard-card:hover{transform:translateY(-3px);box-shadow:var(--hover-shadow)}.dashboard-card.primary{border-left-color:var(--primary-color)}.dashboard-card.success{border-left-color:var(--success-color)}.dashboard-card.warning{border-left-color:var(--warning-color)}.dashboard-card.info{border-left-color:var(--info-color)}.card-icon{font-size:2em;opacity:.8}.card-content h3{margin:0 0 5px;font-size:1.8em;font-weight:700;color:var(--dark-color)}.card-content p{margin:0 0 8px;color:#7f8c8d;font-size:.9em}.card-progress{width:100%;height:4px;background:#ecf0f1;border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:var(--primary-color);border-radius:2px;transition:width .3s ease}.progress-text{font-size:.8em;color:#7f8c8d;font-weight:500}.document-navigation{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:20px}.nav-item{background:#fff;border:2px solid #e3e3e3;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:flex-start;gap:15px;position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-color, var(--primary-color));transition:width .3s ease}.nav-item:hover{transform:translateY(-3px);box-shadow:var(--hover-shadow);border-color:var(--accent-color, var(--primary-color))}.nav-item.active{border-color:var(--accent-color, var(--primary-color));background:linear-gradient(135deg,#fff,#f8f9fa)}.nav-item.active:before{width:8px}.nav-item.exists{border-left-color:var(--success-color)}.nav-icon{font-size:2em;flex-shrink:0}.nav-content{flex:1;min-width:0}.nav-name{display:block;font-size:1.1em;font-weight:600;color:var(--dark-color);margin-bottom:4px}.nav-desc{display:block;font-size:.85em;color:#7f8c8d;line-height:1.4}.nav-badges{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.badge{padding:4px 8px;border-radius:6px;font-size:.7em;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.customs-badge{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.required-badge{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge{background:#e3f2fd;color:#1565c0;border:1px solid #bbdefb}.status-badge.status-final{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.status-draft{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-badge.status-submitted{background:#cce7ff;color:#06c;border:1px solid #99ceff}.data-source-panel{background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:20px;box-shadow:var(--card-shadow);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.source-item{display:flex;align-items:center;gap:8px}.source-label{font-weight:600;color:var(--dark-color);font-size:.9em}.source-value{color:#7f8c8d;font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-toolbar{background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:20px;box-shadow:var(--card-shadow);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.toolbar-left,.toolbar-right{display:flex;gap:10px;flex-wrap:wrap}.document-editor-container{background:#fff;border-radius:12px;box-shadow:var(--card-shadow);margin-bottom:20px;overflow:hidden}.document-placeholder{padding:40px;text-align:center}.placeholder-header h3{margin:0 0 12px;color:var(--dark-color);font-size:1.5em}.placeholder-header p{margin:0 0 30px;color:#7f8c8d;font-size:1em}.auto-fill-info{max-width:600px;margin:0 auto}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.info-item{background:var(--background-color);padding:16px;border-radius:8px;border-left:4px solid var(--primary-color)}.info-label{display:block;font-weight:600;color:var(--dark-color);margin-bottom:4px;font-size:.9em}.info-value{display:block;color:#7f8c8d;font-size:.95em}.document-history-panel{background:#fff;border-radius:12px;padding:20px;box-shadow:var(--card-shadow)}.history-timeline{display:flex;flex-direction:column;gap:12px}.history-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--background-color);border-radius:8px;transition:all .3s ease}.history-item:hover{background:#f8f9fa;transform:translate(5px)}.history-icon{font-size:1.2em;margin-top:2px;flex-shrink:0}.history-content{flex:1}.history-description{font-weight:500;color:var(--dark-color);margin-bottom:4px;font-size:.9em}.history-time{font-size:.8em;color:#7f8c8d}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.document-manager{padding:10px}.header-content{flex-direction:column;gap:15px}.header-stats{justify-content:space-around;width:100%}.header-actions{flex-direction:column;align-items:stretch}.action-group{justify-content:center}.analytics-dashboard,.document-navigation{grid-template-columns:1fr}.action-toolbar{flex-direction:column;align-items:stretch}.toolbar-left,.toolbar-right{justify-content:center}.data-source-panel{grid-template-columns:1fr}}@media(max-width:480px){.document-manager-header{padding:16px}.header-title h1{font-size:1.5em}.nav-item{flex-direction:column;text-align:center;gap:10px}.nav-badges{flex-direction:row;justify-content:center;width:100%}.client-grid{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){:root{--dark-color: #ecf0f1;--light-color: #2c3e50;--background-color: #34495e;--border-color: #5d6d7e}.document-manager{background:linear-gradient(135deg,#2c3e50,#34495e)}.dashboard-card,.quick-client-panel,.data-source-panel,.action-toolbar,.document-editor-container,.document-history-panel,.document-manager-header,.nav-item{background:#2c3e50;color:#ecf0f1}.nav-name,.header-title h1,.panel-header h4{color:#ecf0f1}.nav-desc,.header-title p,.source-value,.info-value{color:#bdc3c7}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.document-manager-header,.quick-client-panel,.analytics-dashboard,.document-navigation,.data-source-panel,.action-toolbar,.document-history-panel{display:none}.document-manager{background:#fff;padding:0}}.dashboard-container{min-height:100vh;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-header{background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 2px 10px #0000000d}.header-main{display:flex;justify-content:space-between;align-items:center;padding:20px 24px}.header-title h1{margin:0 0 4px;font-size:28px;font-weight:700;color:#2d3748}.header-title p{margin:0;color:#718096;font-size:14px}.btn-refresh,.btn-create-export{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#4a5568;cursor:pointer;font-weight:500;transition:all .3s ease}.btn-refresh:hover{background:#f7fafc;border-color:#cbd5e0}.btn-create-export{background:#007bff;color:#fff;border-color:#007bff}.btn-create-export:hover{background:#0056b3;border-color:#0056b3}.user-info{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f7fafc;border-radius:6px}.user-avatar{width:32px;height:32px;background:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.user-name{font-weight:500;color:#4a5568}.quick-stats-bar{display:flex;background:linear-gradient(135deg,#667eea,#764ba2);padding:16px 24px;gap:24px;overflow-x:auto}.quick-stat{text-align:center;color:#fff;min-width:80px}.stat-value{display:block;font-size:24px;font-weight:700;margin-bottom:4px}.stat-label{font-size:12px;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:24px}.stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000000d;border:1px solid #e9ecef;display:flex;align-items:center;gap:20px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.stat-card.primary{border-left:4px solid #007bff}.stat-card.warning{border-left:4px solid #ffc107}.stat-card.success{border-left:4px solid #28a745}.stat-card.danger{border-left:4px solid #dc3545}.stat-icon{width:60px;height:60px;background:#f8f9fa;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon .icon{font-size:24px}.stat-content h3{margin:0 0 8px;font-size:32px;font-weight:700;color:#2d3748}.stat-content p{margin:0 0 12px;color:#718096;font-weight:500}.stat-breakdown{display:flex;flex-wrap:wrap;gap:8px}.phase-count{background:#f7fafc;padding:4px 8px;border-radius:4px;font-size:11px;color:#718096;font-weight:500}.progress-breakdown{display:flex;flex-direction:column;gap:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#ffc107,#fd7e14);border-radius:3px;transition:width .5s ease}.progress-text{font-size:12px;color:#718096}.completion-rate,.delay-indicator{font-size:14px;font-weight:600;padding:6px 12px;border-radius:6px;display:inline-block}.completion-rate{background:#d4edda;color:#155724}.delay-indicator{background:#f8d7da;color:#721c24}.staff-performance-section{background:#fff;margin:0 24px 24px;border-radius:12px;box-shadow:0 2px 10px #0000000d;border:1px solid #e9ecef;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef}.section-header h3{margin:0;color:#2d3748;font-size:18px;font-weight:600}.section-badge{background:#007bff;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.staff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0}.staff-card{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid #e9ecef;transition:background .3s ease}.staff-card:hover{background:#f8f9fa}.staff-card:last-child{border-bottom:none}.staff-avatar{width:50px;height:50px;background:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.staff-info{flex:1}.staff-info h4{margin:0 0 8px;color:#2d3748;font-size:16px;font-weight:600}.staff-stats{display:flex;gap:12px;margin-bottom:8px}.staff-stats span{font-size:12px;color:#718096;background:#f7fafc;padding:4px 8px;border-radius:4px}.performance-metrics{display:flex;align-items:center;gap:12px}.performance-bar{flex:1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.performance-fill{height:100%;background:linear-gradient(90deg,#48bb78,#38a169);border-radius:3px;transition:width .5s ease}.efficiency-score{font-size:12px;color:#718096;font-weight:500;min-width:80px;text-align:right}.dashboard-content{display:grid;grid-template-columns:400px 1fr;gap:24px;padding:0 24px 24px;min-height:600px}.orders-panel{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;border:1px solid #e9ecef;overflow:hidden;display:flex;flex-direction:column}.panel-header{padding:20px 24px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.panel-header h2{margin:0 0 16px;color:#2d3748;font-size:20px;font-weight:600}.filter-controls{display:flex;gap:12px}.search-box input{flex:1;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;min-width:200px}.filter-controls select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.orders-list{flex:1;overflow-y:auto;max-height:800px}.order-item{padding:20px 24px;border-bottom:1px solid #e9ecef;cursor:pointer;transition:background .3s ease;background:#fff}.order-item:hover{background:#f8f9fa}.order-item.active{background:#e3f2fd;border-left:4px solid #007bff}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.order-title h4{margin:0 0 4px;color:#2d3748;font-size:16px;font-weight:600}.order-product{font-size:12px;color:#718096;background:#f7fafc;padding:2px 6px;border-radius:4px}.order-badges{display:flex;gap:6px}.status-badge,.priority-badge{padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.status-badge.large,.priority-badge.large{font-size:12px;padding:6px 12px}.order-details{margin-bottom:16px}.detail-row{display:flex;justify-content:space-between;font-size:12px;color:#718096;margin-bottom:4px}.phase-progress{display:flex;justify-content:space-between;margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:6px}.phase-progress-item{display:flex;flex-direction:column;align-items:center;gap:6px}.phase-dot{width:24px;height:24px;border-radius:50%;position:relative}.phase-dot:before{content:"";position:absolute;inset:2px;background:#fff;border-radius:50%}.phase-percentage{font-size:10px;color:#718096;font-weight:600}.order-actions{display:flex;gap:8px}.btn-view,.btn-assign,.btn-more{padding:8px 12px;border:1px solid #e2e8f0;border-radius:4px;background:#fff;color:#4a5568;cursor:pointer;font-size:12px;font-weight:500;transition:all .3s ease}.btn-view:hover,.btn-assign:hover{background:#f7fafc;border-color:#cbd5e0}.quick-actions-dropdown{position:relative}.btn-more{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px #0000001a;min-width:150px;z-index:1000;display:none}.quick-actions-dropdown:hover .dropdown-menu{display:block}.dropdown-menu button{width:100%;padding:10px 12px;border:none;background:none;text-align:left;cursor:pointer;font-size:12px;color:#4a5568;transition:background .3s ease}.dropdown-menu button:hover{background:#f7fafc}.empty-state{text-align:center;padding:60px 20px;color:#718096}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h3{margin:0 0 8px;color:#4a5568}.empty-state p{margin:0 0 20px}.btn-primary{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:background .3s ease}.btn-primary:hover{background:#0056b3}.details-panel{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;border:1px solid #e9ecef;overflow:hidden;display:flex;flex-direction:column}.order-detail{flex:1;display:flex;flex-direction:column}.detail-header{padding:24px;border-bottom:1px solid #e9ecef;background:#f8f9fa;display:flex;justify-content:space-between;align-items:flex-start}.detail-title h2{margin:0 0 4px;color:#2d3748;font-size:24px;font-weight:700}.detail-title p{margin:0;color:#718096;font-size:14px}.detail-badges{display:flex;gap:8px}.tabs{display:flex;background:#f8f9fa;border-bottom:1px solid #e9ecef;overflow-x:auto}.tabs button{background:none;border:none;padding:16px 20px;font-size:14px;font-weight:500;color:#6c757d;cursor:pointer;white-space:nowrap;transition:all .3s ease;border-bottom:3px solid transparent}.tabs button:hover{color:#495057;background:#0000000a}.tabs button.active{color:#007bff;border-bottom-color:#007bff;background:#fff}.tab-content{flex:1;overflow-y:auto}.overview-content{padding:24px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.info-item{background:#f8f9fa;padding:16px;border-radius:8px}.info-item label{display:block;font-size:12px;color:#718096;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-weight:600}.info-item p{margin:0;font-size:16px;color:#2d3748;font-weight:500}.priority-low{color:#28a745}.priority-normal{color:#007bff}.priority-high{color:#ffc107}.priority-urgent{color:#dc3545}.dates-section h3{margin:0 0 16px;color:#2d3748;font-size:18px;font-weight:600}.dates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.date-item{background:#f8f9fa;padding:16px;border-radius:8px}.date-item label{display:block;font-size:12px;color:#718096;margin-bottom:6px;font-weight:600}.date-item p{margin:0;font-size:14px;color:#2d3748;font-weight:500}.phases-content,.vendors-content,.harvest-content,.packaging-content,.analytics-content,.documents-content,.timeline-content{padding:0}.analytics-content{padding:24px}.analytics-grid{display:grid;gap:24px}.analytics-card{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e9ecef}.analytics-card h4{margin:0 0 16px;color:#2d3748;font-size:16px;font-weight:600}.metrics-list{display:flex;flex-direction:column;gap:12px}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border-radius:6px;border:1px solid #e9ecef}.metric-label{font-size:14px;color:#718096;font-weight:500}.metric-value{font-size:16px;color:#2d3748;font-weight:600}.documents-content,.timeline-content{padding:24px}.documents-list,.timeline{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e9ecef;text-align:center;color:#718096}.no-selection{text-align:center;padding:80px 20px;color:#718096}.no-selection-icon{font-size:64px;margin-bottom:20px;opacity:.5}.no-selection h3{margin:0 0 8px;color:#4a5568;font-size:20px}.no-selection p{margin:0 0 24px;font-size:14px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-content.large{max-width:800px}.fab-container{position:fixed;bottom:24px;right:24px;z-index:1000}.fab{width:56px;height:56px;background:#007bff;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:24px;box-shadow:0 4px 20px #007bff4d;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.fab:hover{background:#0056b3;transform:scale(1.1);box-shadow:0 6px 25px #007bff66}.fab-options{position:absolute;bottom:70px;right:0;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(20px);transition:all .3s ease;pointer-events:none}.fab-container:hover .fab-options{opacity:1;transform:translateY(0);pointer-events:all}.fab-option{width:48px;height:48px;background:#fff;border:1px solid #e2e8f0;border-radius:50%;cursor:pointer;font-size:18px;box-shadow:0 2px 10px #0000001a;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.fab-option:hover{background:#f7fafc;transform:scale(1.1);box-shadow:0 4px 15px #00000026}.loading,.error{text-align:center;padding:40px 20px;color:#718096}.error{color:#e53e3e;background:#fed7d7;margin:20px;border-radius:8px}.access-denied{text-align:center;padding:80px 20px;background:#fff;border-radius:12px;margin:40px;box-shadow:0 2px 10px #0000000d}.access-denied h2{color:#e53e3e;margin:0 0 12px}.access-denied p{color:#718096;margin:0}@media(max-width:1200px){.dashboard-content{grid-template-columns:350px 1fr}}@media(max-width:992px){.dashboard-content{grid-template-columns:1fr}.orders-panel{max-height:400px}}@media(max-width:768px){.header-main{flex-direction:column;gap:16px;text-align:center}.header-actions{width:100%;justify-content:center}.quick-stats-bar{justify-content:flex-start}.stats-grid{grid-template-columns:1fr}.filter-controls{flex-direction:column}.search-box input{min-width:auto}.tabs{flex-wrap:wrap}.info-grid,.dates-grid,.staff-grid{grid-template-columns:1fr}}@media(max-width:480px){.dashboard-header,.stats-grid,.staff-performance-section,.dashboard-content,.header-main,.panel-header,.order-item,.detail-header,.overview-content{padding-left:16px;padding-right:16px}.modal-content{margin:10px}.fab-container{bottom:16px;right:16px}}.category-manager{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.category-form-section,.category-list-section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 5px 15px #0000001a}.category-tree{margin-top:1rem}.category-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #eee}.category-item:last-child{border-bottom:none}.category-info{display:flex;flex-direction:column}.category-name{font-weight:600;color:#333}.category-description{font-size:.9rem;color:#666;margin-top:.25rem}.category-actions{display:flex;gap:.5rem}@media(max-width:768px){.category-manager{grid-template-columns:1fr}.category-item{flex-direction:column;align-items:flex-start;gap:1rem}.category-actions{align-self:flex-end}}.inventory-history{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 5px 15px #0000001a}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.history-header h2{margin:0;color:#ff9800}.history-filters{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:600;font-size:.9rem;color:#666}.filter-group select{padding:.5rem;border:1px solid #ddd;border-radius:4px;background:#fff}.history-table-container{overflow-x:auto}.change-type{font-weight:600}.positive-change{color:#4caf50;font-weight:600}.negative-change{color:#f44336;font-weight:600}@media(max-width:768px){.history-header{flex-direction:column;align-items:flex-start}.history-filters{width:100%;flex-direction:column;align-items:flex-start}.filter-group,.filter-group select{width:100%}.history-table{font-size:.8rem}.history-table th,.history-table td{padding:.5rem}}.inventory-dashboard{padding:1rem}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.dashboard-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.dashboard-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 5px 15px #0000001a}.dashboard-section h3{margin:0 0 1rem;color:#ff9800;border-bottom:2px solid #ffe0b2;padding-bottom:.5rem}.product-list{display:flex;flex-direction:column;gap:1rem}.product-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #eee;border-radius:8px}.product-info h4{margin:0 0 .5rem;color:#333}.product-info p{margin:0;font-size:.9rem;color:#666}.stock-status{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600}.stock-status.low-stock{background:#fff3e0;color:#f57c00}.stock-status.out-of-stock{background:#ffebee;color:#c62828}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #eee;border-radius:8px}.activity-details p{margin:0}.activity-product{font-weight:600;color:#333;margin-right:.5rem}.activity-type{color:#666;margin-right:.5rem}.activity-amount.positive{color:#4caf50;font-weight:600}.activity-amount.negative{color:#f44336;font-weight:600}.activity-date{font-size:.8rem;color:#999;margin-top:.25rem}@media(max-width:768px){.dashboard-content{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:1fr 1fr}.product-item{flex-direction:column;align-items:flex-start;gap:1rem}.stock-status{align-self:flex-end}}.admin-inventory{padding:2rem;background:linear-gradient(135deg,#fff8e1,#ffecb3);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.inventory-header{background:linear-gradient(135deg,#ff9800,#f57c00);padding:2rem;border-radius:15px;color:#fff;margin-bottom:2rem;box-shadow:0 10px 30px #00000026;position:relative;overflow:hidden}.inventory-header:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:15px 15px;transform:rotate(15deg)}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;position:relative;z-index:2}.inventory-title{font-size:2.5rem;font-weight:700;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.header-stats{display:flex;gap:1.5rem}.stat-item{background:#fff3;padding:1rem 1.5rem;border-radius:10px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);min-width:120px}.stat-item.warning{background:#ff98004d}.stat-item.danger{background:#f443364d}.stat-number{display:block;font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-label{font-size:.9rem;opacity:.9;font-weight:500}.inventory-nav{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.5rem;border:none;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #0000001a;min-width:100px}.nav-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000026}.nav-btn.active{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #ff98004d}.nav-icon{font-size:1.5rem}.nav-text{font-weight:600;font-size:.9rem}.inventory-content{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 5px 15px #0000001a;min-height:500px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #ffe0b2}.section-header h2{margin:0;color:#ff9800;font-size:1.8rem;font-weight:600}.notification{position:fixed;top:20px;right:20px;padding:1rem 1.5rem;border-radius:10px;color:#fff;z-index:1000;box-shadow:0 5px 15px #0003;animation:slideIn .3s ease;display:flex;align-items:center;gap:.5rem}.notification.success{background:linear-gradient(135deg,#4caf50,#2e7d32);border-left:4px solid #2e7d32}.notification.error{background:linear-gradient(135deg,#f44336,#c62828);border-left:4px solid #c62828}.notification.info{background:linear-gradient(135deg,#2196f3,#0d47a1);border-left:4px solid #0d47a1}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.admin-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:50vh;color:#666}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #ff9800;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.btn-primary{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 10px #ff98004d;display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 15px #ff980066}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;color:#ff9800;border:2px solid #ff9800;padding:.75rem 1.5rem;border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-secondary:hover{background:#ff9800;color:#fff}.btn-success{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 15px #4caf5066}.btn-danger{background:linear-gradient(135deg,#f44336,#c62828);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 15px #f4433666}.btn-small{padding:.5rem 1rem;font-size:.8rem;border-radius:4px;border:none;cursor:pointer;transition:all .2s ease}.btn-small.btn-danger{background:#f44336;color:#fff}.btn-small.btn-danger:hover{background:#d32f2f}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#ff9800;box-shadow:0 0 0 3px #ff980033}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #eee}.history-table{width:100%;border-collapse:collapse}.history-table th{background:linear-gradient(135deg,#fff3e0,#ffe0b2);padding:1rem;text-align:left;font-weight:600;color:#ff9800;position:sticky;top:0}.history-table td{padding:1rem;border-bottom:1px solid #eee}.history-table tr:last-child td{border-bottom:none}.history-table tr:hover{background:#fff9e6}.text-green-600{color:#16a34a}.text-blue-600{color:#2563eb}.text-orange-600{color:#ea580c}.text-red-600{color:#dc2626}.text-purple-600{color:#9333ea}.text-gray-600{color:#4b5563}.positive-change{color:#16a34a;font-weight:600}.negative-change{color:#dc2626;font-weight:600}.empty-state{text-align:center;padding:3rem;background:#fafafa;border-radius:12px;border:2px dashed #e5e5e5}.empty-state p{margin:0;color:#666;font-size:1.1rem}@media(max-width:1024px){.inventory-nav{overflow-x:auto;padding-bottom:.5rem;justify-content:flex-start}.nav-btn{min-width:90px;padding:.75rem 1rem}.nav-text{font-size:.8rem}}@media(max-width:768px){.admin-inventory{padding:1rem}.inventory-header{padding:1.5rem}.header-top{flex-direction:column;align-items:flex-start;gap:1rem}.header-stats{width:100%;justify-content:space-between;flex-wrap:wrap}.stat-item{flex:1;padding:.75rem 1rem;min-width:100px}.stat-number{font-size:1.5rem}.inventory-nav{gap:.25rem}.nav-btn{min-width:80px;padding:.5rem}.nav-icon{font-size:1.2rem}.nav-text{font-size:.7rem}.inventory-content{padding:1.5rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.history-table{font-size:.8rem}.history-table th,.history-table td{padding:.5rem}}@media(max-width:480px){.inventory-title{font-size:2rem}.header-stats{flex-direction:column;gap:.5rem}.stat-item{width:100%}.inventory-nav{flex-direction:column}.nav-btn{width:100%;flex-direction:row;justify-content:flex-start}}.fade-in{animation:fadeIn .5s ease-in-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#ff9800;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#f57c00}.enhanced-ai-intelligence{padding:20px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:12px;box-shadow:0 10px 30px #0006;color:#f8f8f8;border:1px solid rgba(218,165,32,.3);position:relative;overflow:hidden}.enhanced-ai-intelligence:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#daa520,#ffd700,#daa520,transparent);animation:shimmer 3s infinite linear}.enhanced-ai-intelligence h2{color:gold;text-align:center;font-size:28px;margin-bottom:25px;text-shadow:0 0 10px rgba(255,215,0,.5);position:relative;padding-bottom:10px}.enhanced-ai-intelligence h2:after{content:"";position:absolute;bottom:0;left:30%;right:30%;height:2px;background:linear-gradient(90deg,transparent,#ffd700,transparent)}.ai-content{display:flex;flex-direction:column;gap:25px}.ai-summary{background:#282828b3;padding:20px;border-radius:10px;border:1px solid rgba(218,165,32,.2);box-shadow:0 4px 15px #0003}.ai-summary h3{color:gold;text-align:center;margin-bottom:20px;font-size:22px}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.summary-card{background:linear-gradient(135deg,#282828cc,#3c3c3ccc);padding:20px;border-radius:10px;text-align:center;border:1px solid rgba(218,165,32,.2);box-shadow:0 4px 15px #0003;transition:all .3s ease;animation:float 6s infinite ease-in-out}.summary-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #daa5204d;border-color:#daa52080}.summary-card h4{color:gold;margin-bottom:15px;font-size:16px}.summary-value{font-size:24px;font-weight:700;color:gold;margin-bottom:8px;text-shadow:0 0 8px rgba(255,215,0,.4)}.summary-detail{color:#ccc;font-size:14px}.ai-recommendations{background:#282828b3;padding:20px;border-radius:10px;border:1px solid rgba(218,165,32,.2);box-shadow:0 4px 15px #0003}.ai-recommendations h3{color:gold;text-align:center;margin-bottom:20px;font-size:22px}.recommendation-item{display:flex;align-items:center;background:linear-gradient(135deg,#282828cc,#3c3c3ccc);padding:15px;border-radius:8px;border-left:4px solid #ffd700;box-shadow:0 4px 10px #0003;transition:all .3s ease}.recommendation-item:hover{transform:translate(5px);box-shadow:0 6px 20px #daa5204d}.recommendation-item.high{border-left-color:#ff4500}.recommendation-item.medium{border-left-color:orange}.recommendation-item.low{border-left-color:#32cd32}.rec-icon{font-size:24px;margin-right:15px;min-width:30px;text-align:center}.rec-content p{margin-bottom:5px;line-height:1.4}.rec-priority{font-size:12px;color:gold;text-transform:uppercase;font-weight:600}.ai-details{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-section{background:#282828b3;padding:20px;border-radius:10px;border:1px solid rgba(218,165,32,.2);box-shadow:0 4px 15px #0003}.detail-section h4{color:gold;margin-bottom:15px;text-align:center;font-size:18px}.product-performance,.shipping-performance{display:flex;flex-direction:column;gap:10px}.product-item,.carrier-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#1e1e1e80;border-radius:6px;transition:all .3s ease}.product-item:hover,.carrier-item:hover{background:#323232b3;transform:translate(3px)}.product-rank{color:gold;font-weight:700;min-width:25px}.product-name,.carrier-name{flex:1;margin:0 10px}.product-revenue,.carrier-metric{color:gold;font-weight:600}.carrier-metric{margin-left:10px;min-width:80px;text-align:right}.ai-loading{text-align:center;padding:40px;color:gold;font-size:18px}@media(max-width:992px){.summary-cards,.ai-details{grid-template-columns:1fr}}.forecast-analytics{padding:20px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:12px;box-shadow:0 10px 30px #0006;color:#f8f8f8;border:1px solid rgba(218,165,32,.3);position:relative;overflow:hidden}.forecast-analytics:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#daa520,#ffd700,#daa520,transparent);animation:shimmer 3s infinite linear}.forecast-analytics h2{color:gold;text-align:center;font-size:28px;margin-bottom:25px;text-shadow:0 0 10px rgba(255,215,0,.5);position:relative;padding-bottom:10px}.forecast-analytics h2:after{content:"";position:absolute;bottom:0;left:30%;right:30%;height:2px;background:linear-gradient(90deg,transparent,#ffd700,transparent)}.forecast-controls{display:flex;gap:20px;margin-bottom:25px;justify-content:center;flex-wrap:wrap}.control-group{display:flex;flex-direction:column;background:#282828b3;padding:15px;border-radius:8px;border:1px solid rgba(218,165,32,.2);box-shadow:0 4px 15px #0003;transition:all .3s ease}.control-group:hover{transform:translateY(-3px);box-shadow:0 6px 20px #daa5204d;border-color:#daa52080}.control-group label{margin-bottom:8px;color:gold;font-weight:600}.control-group select{background:#1e1e1ecc;color:gold;border:1px solid rgba(218,165,32,.4);padding:8px 12px;border-radius:6px;outline:none;transition:all .3s ease}.control-group select:focus{border-color:gold;box-shadow:0 0 10px #ffd7004d}.forecast-charts{display:grid;grid-template-columns:2fr 1fr;gap:20px}.chart-container h3,.forecast-insights h3{color:gold;margin-bottom:15px;text-align:center}.insight-cards{display:flex;flex-direction:column;gap:15px}.insight-card{background:linear-gradient(135deg,#282828cc,#3c3c3ccc);padding:15px;border-radius:8px;border-left:4px solid #ffd700;box-shadow:0 4px 10px #0003;transition:all .3s ease;animation:pulse 4s infinite}@keyframes pulse{0%{box-shadow:0 4px 10px #0003}50%{box-shadow:0 4px 15px #ffd7004d}to{box-shadow:0 4px 10px #0003}}.insight-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #daa52066}.insight-card h4{color:gold;margin-bottom:8px;font-size:16px}.insight-value{font-size:22px;font-weight:700;color:gold;margin-bottom:5px}.insight-desc{color:#ccc;font-size:14px}.forecast-loading{text-align:center;padding:40px;color:gold;font-size:18px}@media(max-width:992px){.forecast-charts{grid-template-columns:1fr}.forecast-controls{flex-direction:column;align-items:center}.control-group{width:100%;max-width:300px}}.comparative-analytics{padding:20px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:12px;box-shadow:0 10px 30px #0006;color:#f8f8f8;border:1px solid rgba(218,165,32,.3);position:relative;overflow:hidden}.comparative-analytics:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#daa520,#ffd700,#daa520,transparent);animation:shimmer 3s infinite linear}.comparative-analytics h2{color:gold;text-align:center;font-size:28px;margin-bottom:25px;text-shadow:0 0 10px rgba(255,215,0,.5);position:relative;padding-bottom:10px}.comparative-analytics h2:after{content:"";position:absolute;bottom:0;left:30%;right:30%;height:2px;background:linear-gradient(90deg,transparent,#ffd700,transparent)}.comparison-controls{display:flex;justify-content:center;margin-bottom:25px}.comparison-content{display:grid;grid-template-columns:1fr 2fr;gap:20px}.comparison-metrics{display:flex;flex-direction:column;gap:20px}.metric-card{background:linear-gradient(135deg,#282828cc,#3c3c3ccc);padding:20px;border-radius:10px;text-align:center;border:1px solid rgba(218,165,32,.2);box-shadow:0 4px 15px #0003;transition:all .3s ease;animation:float 6s infinite ease-in-out}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.metric-value{font-size:28px;font-weight:700;margin-bottom:8px}.metric-value.positive{color:#32cd32;text-shadow:0 0 8px rgba(50,205,50,.4)}.metric-value.negative{color:#ff4500;text-shadow:0 0 8px rgba(255,69,0,.4)}.comparison-chart{background:#282828b3;padding:20px;border-radius:10px;border:1px solid rgba(218,165,32,.2);box-shadow:0 4px 15px #0003;transition:all .3s ease}.comparison-chart:hover{transform:translateY(-3px);box-shadow:0 6px 20px #daa5204d;border-color:#daa52080}.comparison-chart h3{color:gold;text-align:center;margin-bottom:15px}.comparison-loading{text-align:center;padding:40px;color:gold;font-size:18px}@media(max-width:992px){.comparison-content{grid-template-columns:1fr}}.export-analytics{padding:20px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:12px;box-shadow:0 10px 30px #0006;color:#f8f8f8;border:1px solid rgba(218,165,32,.3);position:relative;overflow:hidden}.export-analytics:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#daa520,#ffd700,#daa520,transparent);animation:shimmer 3s infinite linear}.export-analytics h2{color:gold;text-align:center;font-size:28px;margin-bottom:25px;text-shadow:0 0 10px rgba(255,215,0,.5);position:relative;padding-bottom:10px}.export-analytics h2:after{content:"";position:absolute;bottom:0;left:30%;right:30%;height:2px;background:linear-gradient(90deg,transparent,#ffd700,transparent)}.export-controls{display:flex;justify-content:center;margin-bottom:25px}.export-content{display:flex;flex-direction:column;gap:25px}.export-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.export-charts{display:grid;grid-template-columns:2fr 1fr;gap:20px}.chart-container{background:#282828b3;padding:20px;border-radius:10px;border:1px solid rgba(218,165,32,.2);box-shadow:0 4px 15px #0003;transition:all .3s ease}.chart-container:hover{transform:translateY(-3px);box-shadow:0 6px 20px #daa5204d;border-color:#daa52080}.chart-container h3{color:gold;text-align:center;margin-bottom:15px}.metric-card{background:linear-gradient(135deg,#282828cc,#3c3c3ccc);padding:20px;border-radius:10px;text-align:center;border:1px solid rgba(218,165,32,.2);box-shadow:0 4px 15px #0003;transition:all .3s ease;animation:pulse 4s infinite}.metric-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #daa5204d;border-color:#daa52080}.metric-card h3{color:gold;margin-bottom:15px;font-size:18px}.metric-value{font-size:28px;font-weight:700;color:gold;margin-bottom:8px;text-shadow:0 0 8px rgba(255,215,0,.4)}.metric-detail{color:#ccc;font-size:14px}.export-loading{text-align:center;padding:40px;color:gold;font-size:18px}@media(max-width:992px){.export-metrics,.export-charts{grid-template-columns:1fr}}.ai-insights-dashboard{padding:20px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:12px;box-shadow:0 10px 30px #0006;color:#f8f8f8;border:1px solid rgba(218,165,32,.3);position:relative;overflow:hidden}.ai-insights-dashboard:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#daa520,#ffd700,#daa520,transparent);animation:shimmer 3s infinite linear}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ai-insights-dashboard h2{color:gold;text-align:center;font-size:28px;margin-bottom:25px;text-shadow:0 0 10px rgba(255,215,0,.5);position:relative;padding-bottom:10px}.ai-insights-dashboard h2:after{content:"";position:absolute;bottom:0;left:30%;right:30%;height:2px;background:linear-gradient(90deg,transparent,#ffd700,transparent)}.ai-tabs{display:flex;gap:10px;margin-bottom:25px;flex-wrap:wrap;justify-content:center}.ai-tabs button{background:linear-gradient(135deg,#282828cc,#3c3c3ccc);border:1px solid rgba(218,165,32,.2);color:#ccc;padding:12px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600}.ai-tabs button:hover{background:linear-gradient(135deg,#3c3c3ccc,#505050cc);color:gold;border-color:#daa52080;transform:translateY(-2px);box-shadow:0 4px 15px #daa52033}.ai-tabs button.active{background:linear-gradient(135deg,#daa520,gold);color:#1a1a1a;border-color:gold;box-shadow:0 4px 15px #daa52066}.ai-content{background:#282828b3;border-radius:10px;padding:25px;border:1px solid rgba(218,165,32,.2);min-height:400px;position:relative}.ai-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}.loading-spinner{width:50px;height:50px;border:3px solid rgba(218,165,32,.3);border-radius:50%;border-top-color:gold;animation:spin 1s ease-in-out infinite;margin-bottom:20px}.ai-error{text-align:center;padding:40px;color:#ff6b6b}.ai-error button{background:linear-gradient(135deg,#daa520,gold);color:#1a1a1a;border:none;padding:10px 20px;border-radius:6px;margin-top:15px;cursor:pointer;font-weight:600;transition:all .3s ease}.ai-error button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #daa52066}.ai-placeholder{text-align:center;padding:60px 20px;color:#ccc}.ai-placeholder button{background:linear-gradient(135deg,#daa520,gold);color:#1a1a1a;border:none;padding:12px 24px;border-radius:6px;margin-top:20px;cursor:pointer;font-weight:600;transition:all .3s ease}.ai-placeholder button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #daa52066}.insight-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(218,165,32,.3)}.insight-header h3{color:gold;margin:0}.insight-header button{background:#daa52033;color:gold;border:1px solid rgba(218,165,32,.5);padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .3s ease}.insight-header button:hover{background:#daa5204d;transform:translateY(-2px)}.insight-text{line-height:1.6;max-height:350px;overflow-y:auto;padding-right:10px}.insight-text p{margin-bottom:12px}.insight-text::-webkit-scrollbar{width:6px}.insight-text::-webkit-scrollbar-track{background:#28282880;border-radius:3px}.insight-text::-webkit-scrollbar-thumb{background:#daa52080;border-radius:3px}.insight-text::-webkit-scrollbar-thumb:hover{background:#daa520b3}@media(max-width:768px){.ai-tabs{flex-direction:column;align-items:center}.ai-tabs button{width:100%;max-width:250px}.insight-header{flex-direction:column;gap:15px;text-align:center}}:root{--saffron: #FF9933;--gold: #FFD700;--dark-bg: #0F172A;--card-bg: #1E293B;--text-light: #F8FAFC;--text-dim: #94A3B8;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--accent: #8B5CF6}.analytics-dashboard{background:var(--dark-bg);color:var(--text-light);min-height:100vh;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,153,51,.2)}.dashboard-title{font-size:28px;font-weight:700;background:linear-gradient(to right,var(--gold),var(--color-black));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:10px}.ai-icon{font-size:32px}.tab-navigation{display:flex;gap:10px}.tab-btn{background:#ff99331a;color:var(--saffron);border:none;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease}.tab-btn.active{background:var(--saffron);color:#fff}.tab-btn:hover{background:#f933}.dashboard-content{display:flex;flex-direction:column;gap:20px}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:20px}.ai-robot{width:80px;height:120px;position:relative;animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.robot-head{width:60px;height:50px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px 10px 0 0;position:relative;margin:0 auto}.robot-eye{width:12px;height:12px;background:var(--gold);border-radius:50%;position:absolute;top:15px;animation:blink 4s infinite}@keyframes blink{0%,95%,to{opacity:1}96%,99%{opacity:0}}.robot-eye:first-child{left:10px}.robot-eye:last-child{right:10px}.robot-body{width:80px;height:70px;background:linear-gradient(135deg,#6366F1,var(--accent));border-radius:0 0 10px 10px}.analytics-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:15px;text-align:center}.error-bot{font-size:48px;margin-bottom:10px}.retry-btn{background:var(--saffron);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.retry-btn:hover{background:#e57c00}@media(max-width:1024px){.overview-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-header{flex-direction:column;gap:15px;text-align:center}.tab-navigation{flex-wrap:wrap;justify-content:center}}.analytics-card{background:var(--card-bg);border-radius:16px;padding:20px;box-shadow:0 8px 16px #0003;position:relative;overflow:hidden}.analytics-card h2{margin-bottom:20px;color:var(--text-light);font-size:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.analytics-card h3{color:var(--text-dim);font-size:16px;margin-bottom:15px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.kpi-card{background:#ffffff0d;padding:20px;border-radius:12px;border-left:4px solid var(--saffron)}.kpi-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.kpi-icon{width:40px;height:40px;border-radius:10px;background:#ff99331a;display:flex;align-items:center;justify-content:center;color:var(--saffron)}.kpi-card h3{color:var(--text-dim);font-size:14px;margin:0;text-transform:uppercase;letter-spacing:.5px}.kpi-value{font-size:28px;font-weight:700;margin-bottom:5px;color:var(--text-light)}.kpi-footer{display:flex;justify-content:space-between;align-items:center}.kpi-trend{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:600}.kpi-trend.positive{color:var(--success)}.kpi-trend.negative{color:var(--danger)}.kpi-description{color:var(--text-dim);font-size:12px}.mini-chart h3{font-size:14px;margin-bottom:10px;color:var(--text-dim)}.full-charts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chart-container{background:#ffffff0d;padding:20px;border-radius:12px}.inventory-summary{margin-bottom:20px}.inventory-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.kpi-item{background:#ffffff0d;padding:15px;border-radius:12px;text-align:center}.kpi-item h3{color:var(--text-dim);font-size:14px;margin-bottom:10px}.kpi-item .kpi-value{font-size:24px;font-weight:700;color:var(--text-light)}.kpi-item .kpi-value.critical{color:var(--danger)}.alert-list{display:flex;flex-direction:column;gap:10px}.alert-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#ef44441a;border-radius:12px;border-left:4px solid var(--danger)}.product-info h4{margin:0 0 5px;color:var(--text-light)}.product-info p{margin:0;color:var(--text-dim);font-size:14px}.alert-status{padding:5px 10px;border-radius:20px;font-size:12px;font-weight:600}.alert-status.critical{background:#ef444433;color:var(--danger)}.ai-summary{margin-bottom:20px}.ai-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:15px;background:#8b5cf61a;border-radius:12px}.ai-icon{font-size:24px}.trending-products{margin-bottom:20px}.product-list{display:flex;flex-direction:column;gap:10px}.product-item{display:flex;align-items:center;gap:15px;padding:12px;background:#ffffff0d;border-radius:8px}.product-rank{width:30px;height:30px;border-radius:50%;background:var(--saffron);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.product-name{flex:1;color:var(--text-light)}.product-metric{color:var(--success);font-weight:600}.recommendation-list{display:flex;flex-direction:column;gap:15px}.recommendation-item{display:flex;align-items:flex-start;gap:15px;padding:15px;border-radius:12px;border-left:4px solid var(--accent)}.recommendation-item.high{background:#ef44441a;border-left-color:var(--danger)}.recommendation-item.medium{background:#f59e0b1a;border-left-color:var(--warning)}.recommendation-item.low{background:#10b9811a;border-left-color:var(--success)}.rec-icon{font-size:20px}.rec-content{flex:1}.rec-content p{margin:0 0 5px;color:var(--text-light)}.rec-priority{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.chart-container{background:#ffffff0d;padding:20px;border-radius:12px;margin-bottom:20px}.chart-container h3{color:var(--text-dim);font-size:16px;margin-bottom:15px;text-align:center}.compact-charts{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mini-chart{background:#ffffff0d;padding:15px;border-radius:12px}.mini-chart h3{font-size:14px;margin-bottom:10px;color:var(--text-dim);text-align:center}.full-charts{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:1024px){.full-charts{grid-template-columns:1fr 1fr}}.recharts-default-tooltip{background-color:var(--card-bg)!important;border:1px solid var(--saffron)!important;border-radius:8px;box-shadow:0 4px 12px #0003}.recharts-tooltip-item{color:var(--text-light)!important}.recharts-tooltip-item-separator{color:var(--text-dim)!important}.recharts-tooltip-item-value{font-weight:700;color:var(--saffron)!important}.recharts-legend-item{color:var(--text-dim)!important;font-size:12px}.recharts-legend-item-text{color:var(--text-dim)!important}.chart-container,.mini-chart{position:relative;min-height:200px;width:100%}.recharts-wrapper,.recharts-surface{width:100%!important;height:100%!important}.mini-chart .recharts-wrapper{height:150px!important}.chart-container .recharts-wrapper{height:300px!important}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.overview-grid>*{min-height:250px}@media(max-width:768px){.overview-grid,.compact-charts{grid-template-columns:1fr}.chart-container .recharts-wrapper{height:250px!important}}.chart-debug{border:1px dashed #ff9933;background-color:#ff99330d}.analytics-card{display:flex;flex-direction:column;height:100%}.analytics-card>div{flex:1}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#ffffff1a}.recharts-text{fill:#94a3b8;font-size:12px}.recharts-label{fill:#f8fafc}.recharts-tooltip-wrapper{z-index:1000}.recharts-default-tooltip{background-color:#1e293b!important;border:1px solid #FF9933!important;border-radius:8px;box-shadow:0 4px 12px #0003}.recharts-tooltip-item{color:#f8fafc!important}.recharts-tooltip-item-list li{display:flex;align-items:center;gap:8px}.recharts-tooltip-item-name{font-weight:600}.recharts-tooltip-item-separator{color:#94a3b8!important}.recharts-tooltip-item-value{font-weight:700;color:#f93!important}.recharts-legend-wrapper{bottom:-10px!important}.recharts-legend-item{color:#94a3b8!important;font-size:12px}.recharts-legend-item-text{color:#94a3b8!important}.recharts-sector{stroke:#0f172a;stroke-width:2}.chart-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#94a3b8;font-style:italic}.tab-navigation{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-bottom:10px;overflow-x:auto;scrollbar-width:thin}.tab-navigation::-webkit-scrollbar{height:8px}.tab-navigation::-webkit-scrollbar-track{background:#bfe02b00;border-radius:4px}.tab-navigation::-webkit-scrollbar-thumb{background:#daa5204d;border-radius:4px}.tab-navigation::-webkit-scrollbar-thumb:hover{background:#daa52080}.tab-btn{padding:8px 16px;background:#ddbb661a;border:1px solid rgba(218,165,32,.3);color:gold;border-radius:6px;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-size:14px}.tab-btn:hover{background:#e6c77a33;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,#daa520,gold);color:#000;border-color:gold;box-shadow:0 4px 15px #daa52066}@media(max-width:1200px){.tab-navigation{overflow-x:auto;padding-bottom:10px}.tab-btn{font-size:12px;padding:6px 12px}}.dashboard-content{min-height:600px}.order-placement-container{max-width:1000px;margin:0 auto;padding:2rem;animation:fadeIn .6s ease-out}.order-header{text-align:center;margin-bottom:2rem}.order-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#7c4dff,#ffab40);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.order-subtitle{color:#666;font-size:1.1rem}.order-content{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 10px 40px #0000001a;border:1px solid #eee}.order-form{display:flex;flex-direction:column;gap:2rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.form-group.full-width{grid-column:1 / -1}.form-label{font-weight:600;color:#333;margin-bottom:.5rem;font-size:.9rem}.form-input,.form-select,.form-textarea{padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#7c4dff;box-shadow:0 0 0 3px #7c4dff1a}.form-textarea{resize:vertical;min-height:80px}.order-summary{background:linear-gradient(135deg,#f3e5f5,#e3f2fd);padding:1.5rem;border-radius:12px;border-left:4px solid #7c4dff}.summary-title{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:1rem}.summary-grid{display:grid;gap:.75rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e0e0e0}.summary-item:last-child{border-bottom:none}.summary-item.total{font-weight:700;font-size:1.1rem;color:#7c4dff;padding-top:1rem;margin-top:.5rem;border-top:2px solid #7c4dff}.submit-button{background:linear-gradient(135deg,#7c4dff,#ffab40);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #7c4dff4d}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.button-spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.message{padding:1rem;border-radius:8px;text-align:center;font-weight:500;margin-top:1rem;animation:slideIn .3s ease-out}.message.success{background:#e8f5e8;color:#2e7d32;border:1px solid #c8e6c9}.message.error{background:#ffebee;color:#c62828;border:1px solid #ffcdd2}.invoice-success{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);padding:2rem;border-radius:12px;text-align:center;margin-top:2rem;animation:slideIn .5s ease-out;border:2px solid #4caf50}.success-animation{margin-bottom:1rem}.checkmark{width:80px;height:80px}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#4caf50;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}.invoice-details{background:#fff;padding:1.5rem;border-radius:8px;margin:1.5rem 0;text-align:left}.invoice-details p{margin:.5rem 0;color:#333}.invoice-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.download-button,.view-button{padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:500;transition:all .3s ease}.download-button{background:#7c4dff;color:#fff}.download-button:hover{background:#6a40c9;transform:translateY(-2px)}.view-button{background:transparent;color:#7c4dff;border:2px solid #7c4dff}.view-button:hover{background:#7c4dff;color:#fff;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes stroke{to{stroke-dashoffset:0}}@media(max-width:768px){.order-placement-container{padding:1rem}.order-title{font-size:2rem}.form-grid{grid-template-columns:1fr}.invoice-actions{flex-direction:column}.download-button,.view-button{width:100%;text-align:center}}.quantum-matrix{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.matrix-header{text-align:center;margin-bottom:40px}.matrix-title{font-size:2.5rem;background:linear-gradient(45deg,var(--quantum-blue),var(--neural-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;font-weight:800;text-shadow:0 0 30px rgba(0,243,255,.5)}.matrix-subtitle{color:var(--hologram-white);font-size:1.1rem;opacity:.8}.neural-network{position:absolute;inset:0;pointer-events:none}.neural-node{position:absolute;width:4px;height:4px;background:var(--node-color);border-radius:50%;transform:translate(-50%,-50%);animation:neuralNodePulse 2s ease-in-out infinite}@keyframes neuralNodePulse{0%,to{opacity:.3;box-shadow:0 0 5px var(--node-color)}50%{opacity:1;box-shadow:0 0 15px var(--node-color)}}.orb-container{position:relative;flex:1;min-height:400px}.quantum-orb{position:absolute;width:var(--orb-size);height:var(--orb-size);cursor:pointer;transition:all .5s cubic-bezier(.25,1,.5,1);z-index:10}.quantum-orb:hover{z-index:20}.orb-core{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.orb-icon{font-size:2rem;filter:drop-shadow(0 0 10px currentColor);z-index:3;transition:all .3s ease}.quantum-orb:hover .orb-icon{transform:scale(1.3) rotate(15deg)}.orb-rings{position:absolute;inset:0}.orb-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid var(--orb-color);border-radius:50%;opacity:.6;animation:orbRingPulse 3s ease-in-out infinite}.ring-1{width:100%;height:100%;animation-delay:0s}.ring-2{width:130%;height:130%;animation-delay:1s}.ring-3{width:160%;height:160%;animation-delay:2s}@keyframes orbRingPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.orb-info{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#000000e6;border:1px solid var(--orb-color);border-radius:10px;padding:15px;margin-top:20px;min-width:200px;opacity:0;visibility:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 30px #00000080}.quantum-orb:hover .orb-info{opacity:1;visibility:visible;transform:translate(-50%) translateY(10px)}.product-name{color:var(--orb-color);font-size:1.2rem;margin-bottom:5px;font-weight:700;text-align:center}.product-description{color:var(--hologram-white);font-size:.9rem;margin-bottom:10px;text-align:center;opacity:.8}.select-prompt{color:var(--cyber-gold);font-size:.8rem;text-align:center;font-weight:600;animation:promptPulse 1.5s ease-in-out infinite}@keyframes promptPulse{0%,to{opacity:.7}50%{opacity:1}}.quantum-particles{position:absolute;inset:0;pointer-events:none}.quantum-particle{position:absolute;width:3px;height:3px;background:var(--particle-color);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:particleOrbit 4s ease-in-out infinite;animation-delay:calc(var(--particle-index) * .3s)}@keyframes particleOrbit{0%{transform:translate(-50%,-50%) rotate(0) translate(60px) rotate(0);opacity:0}50%{opacity:1}to{transform:translate(-50%,-50%) rotate(360deg) translate(60px) rotate(-360deg);opacity:0}}.matrix-footer{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding:20px;background:#ffffff0d;border-radius:15px;border:1px solid rgba(0,243,255,.3)}.voice-command-hint{color:var(--quantum-blue);font-size:.9rem;font-weight:600}.quantum-status{color:var(--hologram-white);font-size:.9rem}.status-active{color:var(--matrix-green);font-weight:700;text-shadow:0 0 10px currentColor}.quantum-orb.hovered{animation:orbHoverPulse 1s ease-in-out infinite}@keyframes orbHoverPulse{0%,to{filter:brightness(1) drop-shadow(0 0 30px currentColor)}50%{filter:brightness(1.3) drop-shadow(0 0 50px currentColor)}}.quantum-orb.connected{animation:orbConnectionFlash .5s ease-out}@keyframes orbConnectionFlash{0%{transform:translate(-50%,-50%) scale(1);filter:brightness(1)}50%{transform:translate(-50%,-50%) scale(1.5);filter:brightness(2)}to{transform:translate(-50%,-50%) scale(1);filter:brightness(1)}}@media(max-width:768px){.matrix-title{font-size:2rem}.orb-container{min-height:300px}.quantum-orb{--orb-size: 60px !important}.quantum-orb:hover .orb-info{display:none}.matrix-footer{flex-direction:column;gap:10px;text-align:center}}@media(max-width:480px){.matrix-title{font-size:1.5rem}.matrix-subtitle{font-size:.9rem}.orb-container{min-height:250px}}.saffron-calculator{display:grid;grid-template-columns:400px 1fr;gap:30px;height:100%;position:relative}.quantum-visualization{position:relative;background:#0000004d;border-radius:20px;border:1px solid rgba(0,243,255,.2);overflow:hidden}.quantum-canvas{width:100%;height:300px;display:block}.molecule-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:40px;pointer-events:none}.molecule{position:relative;animation:moleculeFloat 6s ease-in-out infinite}.molecule.large{width:80px;height:80px}.molecule.medium{width:60px;height:60px}.molecule-core{width:100%;height:100%;background:var(--molecule-color);border-radius:50%;filter:blur(8px);opacity:.7;animation:moleculePulse 3s ease-in-out infinite}.molecule-info{position:absolute;top:100%;left:50%;transform:translate(-50%);text-align:center;margin-top:15px;background:#000c;padding:8px 12px;border-radius:8px;border:1px solid var(--molecule-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.molecule-name{color:var(--molecule-color);font-size:.8rem;font-weight:700;margin-bottom:2px}.molecule-formula{color:#ffffffb3;font-size:.7rem;font-family:monospace}@keyframes moleculeFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes moleculePulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.real-time-updates{padding:20px;border-top:1px solid rgba(0,243,255,.2)}.real-time-updates h4{color:var(--quantum-blue);margin-bottom:15px;font-size:1rem}.update-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.8rem}.update-message{color:var(--hologram-white)}.update-time{color:var(--quantum-blue);font-size:.7rem}.quantity-conversion,.quality-indicator{color:var(--quantum-blue);font-size:.8rem;margin-left:8px;opacity:.8}.grade-option{display:flex;align-items:center;gap:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px 15px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease;text-align:left}.grade-option:hover{border-color:var(--grade-color);transform:translate(5px)}.grade-option.selected{background:rgba(var(--grade-color-rgb),.2);border-color:var(--grade-color);box-shadow:0 0 15px var(--grade-color)}.grade-color-indicator{width:16px;height:16px;background:var(--grade-color);border-radius:50%;box-shadow:0 0 8px var(--grade-color)}.grade-name{flex:1;font-weight:600}.form-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.form-option{display:flex;flex-direction:column;align-items:center;gap:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:15px 10px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease}.form-option:hover{border-color:var(--quantum-blue);transform:translateY(-3px)}.form-option.selected{background:#00f3ff1a;border-color:var(--quantum-blue);box-shadow:0 5px 20px #00f3ff4d}.form-icon{font-size:1.5rem;filter:drop-shadow(0 0 5px currentColor)}.form-name{font-size:.8rem;font-weight:600;text-align:center}.quantity-slider,.crocin-slider{width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none;margin-bottom:10px}.quantity-slider::-webkit-slider-thumb,.crocin-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:var(--cyber-gold);border-radius:50%;cursor:pointer;box-shadow:0 0 10px var(--cyber-gold)}.quantity-presets{display:flex;gap:8px;justify-content:space-between}.preset-btn{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px 10px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease;font-size:.8rem;font-weight:600}.preset-btn.active{background:#00f3ff33;border-color:var(--quantum-blue);box-shadow:0 0 10px var(--quantum-blue)}.crocin-scale{display:flex;justify-content:space-between;font-size:.7rem;color:#fff9;margin-top:5px}.packaging-option{display:flex;align-items:center;gap:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px 15px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease;text-align:left}.packaging-name{flex:1;font-weight:600}.destination-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.destination-option{display:flex;align-items:center;gap:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px 10px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease}.destination-option:hover{border-color:var(--matrix-green);transform:translateY(-2px)}.destination-option.selected{background:#00ff411a;border-color:var(--matrix-green);box-shadow:0 5px 15px #00ff414d}.destination-icon{font-size:1.2rem}.destination-name{font-size:.8rem;font-weight:600}.shipping-option{background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:15px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease;text-align:center;font-weight:600}.shipping-option:hover{border-color:var(--cyber-gold);transform:scale(1.02)}.shipping-option.selected{background:#ffd7001a;border-color:var(--cyber-gold);box-shadow:0 0 20px #ffd7004d}.payment-select{width:100%;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 15px;color:var(--hologram-white);font-size:.9rem;cursor:pointer;transition:all .3s ease}.payment-select:focus{border-color:var(--quantum-blue);box-shadow:0 0 10px var(--quantum-blue);outline:none}.results-panel{background:#ffffff0d;border:1px solid rgba(0,243,255,.3);border-radius:20px;padding:30px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 40px #00f3ff1a}.cost-structure{margin-top:20px}.cost-bar{display:flex;height:20px;background:#ffffff1a;border-radius:10px;overflow:hidden;margin-bottom:10px}.cost-segment{height:100%;transition:width .5s ease}.cost-segment.product{background:linear-gradient(90deg,#ff2a6d,#ff6b6b)}.cost-segment.packaging{background:linear-gradient(90deg,gold,orange)}.cost-segment.shipping{background:linear-gradient(90deg,#00f3ff,#09f)}.cost-segment.quality{background:linear-gradient(90deg,#00ff41,#0c3)}.cost-legend{display:flex;justify-content:space-between;font-size:.7rem}.legend-item{padding:4px 8px;border-radius:6px;font-weight:600}.legend-item.product{background:#ff2a6d33;color:#ff2a6d}.legend-item.packaging{background:#ffd70033;color:gold}.legend-item.shipping{background:#00f3ff33;color:#00f3ff}.legend-item.quality{background:#00ff4133;color:#00ff41}.action-btn.primary{background:linear-gradient(45deg,gold,orange);color:#000}.action-btn.primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px #ffd70066}@media(max-width:1200px){.saffron-calculator{grid-template-columns:1fr}.quantum-visualization{height:250px}.molecule-container{gap:20px}.molecule.large{width:60px;height:60px}.molecule.medium{width:40px;height:40px}}@media(max-width:768px){.parameter-grid{grid-template-columns:1fr}.form-selector{grid-template-columns:repeat(2,1fr)}.destination-selector{grid-template-columns:1fr}.action-buttons{flex-direction:column}.total-price{flex-direction:column;gap:10px;text-align:center}.total-value{font-size:1.5rem}}@media(max-width:480px){.parameter-section{padding:15px}.results-panel{padding:20px}.form-selector{grid-template-columns:1fr}.molecule-container{flex-direction:column;gap:30px}}.pomegranate-calculator{display:grid;grid-template-columns:400px 1fr;gap:30px;height:100%;position:relative}.fruit-visualization{position:relative;background:#0000004d;border-radius:20px;border:1px solid rgba(255,42,109,.3);overflow:hidden;display:flex;flex-direction:column}.fruit-canvas{width:100%;height:200px;display:block;background:#ff2a6d0d}.quality-radar{padding:20px;border-top:1px solid rgba(255,42,109,.2);flex:1}.shelf-life-prediction{padding:20px;border-top:1px solid rgba(255,42,109,.2)}.sugar-quality{color:var(--cyber-gold);font-size:.8rem;margin-left:8px;opacity:.8}.size-diameter{font-size:.7rem;opacity:.7}.grade-selector{display:flex;flex-direction:column;gap:6px}.grade-option{display:flex;justify-content:space-between;align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px 12px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease}.grade-option:hover{border-color:var(--matrix-green);transform:translate(3px)}.grade-option.selected{background:#00ff411a;border-color:var(--matrix-green);box-shadow:0 0 10px var(--matrix-green)}.grade-name{font-size:.8rem;font-weight:600}.grade-multiplier{color:var(--cyber-gold);font-weight:700;font-size:.8rem}.quantity-slider,.sugar-slider{width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none;margin-bottom:10px}.quantity-slider::-webkit-slider-thumb,.sugar-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:var(--cyber-gold);border-radius:50%;cursor:pointer;box-shadow:0 0 8px var(--cyber-gold)}.sugar-scale{display:flex;justify-content:space-between;font-size:.7rem;color:#fff9;margin-top:5px}.ripeness-selector{display:grid;gap:8px}.ripeness-option{display:flex;justify-content:space-between;align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px 15px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease}.ripeness-option:hover{border-color:var(--neural-purple);transform:translate(5px)}.ripeness-option.selected{background:#b967ff1a;border-color:var(--neural-purple);box-shadow:0 0 15px var(--neural-purple)}.ripeness-info{flex:1}.ripeness-name{display:block;font-weight:700;margin-bottom:2px}.ripeness-details{display:block;font-size:.7rem;opacity:.7}.ripeness-multiplier{color:var(--cyber-gold);font-weight:700;font-size:.9rem}.packaging-option:hover{border-color:var(--cyber-gold);transform:translate(5px)}.packaging-option.selected{background:#ffd7001a;border-color:var(--cyber-gold);box-shadow:0 0 15px var(--cyber-gold)}.coldchain-option:hover{border-color:var(--quantum-blue);transform:translate(5px)}.coldchain-option.selected{background:#00f3ff1a;border-color:var(--quantum-blue);box-shadow:0 0 15px var(--quantum-blue)}.shipping-option:hover{border-color:var(--matrix-green);transform:translateY(-3px)}.shipping-option.selected{background:#00ff411a;border-color:var(--matrix-green);box-shadow:0 0 15px var(--matrix-green)}.results-panel{background:#ffffff0d;border:1px solid rgba(255,42,109,.3);border-radius:20px;padding:30px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 40px #ff2a6d1a}.action-btn.primary{background:linear-gradient(45deg,#ff2a6d,#ff6b6b);color:#fff}.action-btn.primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px #ff2a6d66}@media(max-width:1200px){.pomegranate-calculator{grid-template-columns:1fr}.fruit-visualization{height:400px;flex-direction:row}.fruit-canvas,.quality-radar,.shelf-life-prediction{flex:1}}@media(max-width:768px){.parameter-grid,.parameter-row{grid-template-columns:1fr}.size-selector{grid-template-columns:repeat(4,1fr)}.action-buttons{flex-direction:column}.metrics-grid{grid-template-columns:1fr}.fruit-visualization{flex-direction:column;height:auto}}@media(max-width:480px){.parameter-section{padding:15px}.results-panel{padding:20px}.size-selector{grid-template-columns:repeat(2,1fr)}.total-price{flex-direction:column;gap:10px;text-align:center}.total-value{font-size:1.5rem}}.spices-calculator{display:grid;grid-template-columns:400px 1fr;gap:30px;height:100%;position:relative}.spice-visualization{position:relative;background:#0000004d;border-radius:20px;border:1px solid rgba(139,110,99,.3);overflow:hidden;display:flex;flex-direction:column}.spice-canvas{width:100%;height:200px;display:block;background:#8b6e630d}.molecule-viewer{padding:20px;border-top:1px solid rgba(139,110,99,.2);flex:1}.molecule-viewer h4{color:var(--quantum-blue);margin-bottom:15px;text-align:center;font-size:1rem}.molecule-container{display:flex;flex-direction:column;gap:15px;height:150px;overflow-y:auto}.molecule-structure{position:relative;display:flex;align-items:center;gap:15px;padding:12px;background:#ffffff0d;border-radius:10px;border:1px solid var(--molecule-color);animation:moleculeAppear .5s ease-out forwards;opacity:0}@keyframes moleculeAppear{to{opacity:1}}.molecule-core{width:30px;height:30px;background:var(--molecule-color);border-radius:50%;position:relative;animation:moleculePulse 2s ease-in-out infinite}@keyframes moleculePulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.molecule-bonds{position:absolute;top:50%;left:30px;right:0;height:2px}.bond{position:absolute;height:2px;background:var(--molecule-color);opacity:.6}.bond-1{width:20px;top:-8px;transform:rotate(30deg)}.bond-2{width:20px;top:0}.bond-3{width:20px;top:8px;transform:rotate(-30deg)}.molecule-info{flex:1}.molecule-name{color:var(--hologram-white);font-size:.9rem;font-weight:700;display:block}.molecule-formula{color:var(--molecule-color);font-size:.8rem;font-family:monospace;display:block;margin:2px 0}.molecule-percentage{color:var(--cyber-gold);font-size:.7rem;font-weight:600}.quality-spectrum{padding:20px;border-top:1px solid rgba(139,110,99,.2)}.quality-spectrum h4{color:var(--matrix-green);margin-bottom:15px;text-align:center;font-size:1rem}.spectrum-bars{display:flex;flex-direction:column;gap:12px}.parameter-bar{display:flex;flex-direction:column;gap:6px}.param-info{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.param-name{color:var(--hologram-white);font-weight:600;flex:1}.param-value{color:var(--cyber-gold);font-weight:700;margin:0 10px}.param-optimal{color:var(--quantum-blue);font-size:.7rem;opacity:.8}.bar-container{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width .5s ease;position:relative}.bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.spice-selection{background:#ffffff0d;border-radius:15px;padding:15px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.spice-tabs{display:flex;gap:8px;justify-content:space-between}.spice-tab{display:flex;flex-direction:column;align-items:center;gap:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px 8px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease;flex:1;min-width:0}.spice-tab:hover{border-color:var(--spice-color);transform:translateY(-3px)}.spice-tab.active{background:rgba(var(--spice-color-rgb),.1);border-color:var(--spice-color);box-shadow:0 5px 20px var(--spice-color)}.spice-icon{font-size:1.5rem;filter:drop-shadow(0 0 5px currentColor)}.spice-name{font-size:.8rem;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.quality-indicator{color:var(--matrix-green);font-size:.8rem;margin-left:8px;opacity:.8}.spice-specific-params{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.size-grade{font-size:.7rem;opacity:.7}.color-selector{display:grid;gap:8px}.color-option{display:flex;align-items:center;gap:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px 15px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease}.color-option:hover{border-color:var(--matrix-green);transform:translate(5px)}.color-option.selected{background:#00ff411a;border-color:var(--matrix-green);box-shadow:0 0 15px var(--matrix-green)}.color-swatch{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.3);flex-shrink:0}.color-info{flex:1}.color-name{display:block;font-weight:700;margin-bottom:2px}.color-desc{display:block;font-size:.7rem;opacity:.7}.color-multiplier{color:var(--cyber-gold);font-weight:700;font-size:.9rem}.oil-slider,.moisture-slider,.purity-slider,.matter-slider,.curcumin-slider,.quantity-slider{width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none;margin-bottom:10px}.oil-slider::-webkit-slider-thumb,.moisture-slider::-webkit-slider-thumb,.purity-slider::-webkit-slider-thumb,.matter-slider::-webkit-slider-thumb,.curcumin-slider::-webkit-slider-thumb,.quantity-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:var(--cyber-gold);border-radius:50%;cursor:pointer;box-shadow:0 0 8px var(--cyber-gold)}.origin-selector{display:grid;gap:8px}.origin-option{display:flex;align-items:center;gap:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px 15px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease}.origin-option:hover{border-color:var(--neural-purple);transform:translate(5px)}.origin-option.selected{background:#b967ff1a;border-color:var(--neural-purple);box-shadow:0 0 15px var(--neural-purple)}.origin-icon{font-size:1.2rem}.origin-info{flex:1}.origin-name{display:block;font-weight:700;margin-bottom:2px}.origin-curcumin{display:block;font-size:.7rem;opacity:.7}.origin-multiplier{color:var(--cyber-gold);font-weight:700;font-size:.9rem}.certification-selector{display:grid;gap:8px}.certification-option{display:flex;align-items:center;gap:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px 15px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease}.certification-option:hover{border-color:var(--matrix-green);transform:translate(5px)}.certification-option.selected{background:#00ff411a;border-color:var(--matrix-green);box-shadow:0 0 15px var(--matrix-green)}.certification-icon{font-size:1.2rem}.certification-info{flex:1}.certification-name{display:block;font-weight:600;margin-bottom:2px}.certification-multiplier{display:block;font-size:.7rem;opacity:.7}.certification-cost{color:var(--cyber-gold);font-size:.8rem;font-weight:700}.results-panel{background:#ffffff0d;border:1px solid rgba(139,110,99,.3);border-radius:20px;padding:30px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 40px #8b6e631a}.quality-metrics{margin-top:25px}.quality-metrics h4{color:var(--matrix-green);margin-bottom:15px;text-align:center;font-size:1.1rem}.action-btn.primary{background:linear-gradient(45deg,#8d6e63,#a1887f);color:#fff}.action-btn.primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px #8d6e6366}@media(max-width:1200px){.spices-calculator{grid-template-columns:1fr}.spice-visualization{height:400px;flex-direction:row}.spice-canvas,.molecule-viewer,.quality-spectrum{flex:1}}@media(max-width:768px){.parameter-grid,.parameter-row{grid-template-columns:1fr}.spice-tabs{flex-wrap:wrap}.spice-tab{flex:1 0 calc(33.333% - 8px);margin-bottom:8px}.size-selector{grid-template-columns:repeat(4,1fr)}.action-buttons{flex-direction:column}.metrics-grid{grid-template-columns:1fr}.spice-visualization{flex-direction:column;height:auto}}@media(max-width:480px){.parameter-section{padding:15px}.results-panel{padding:20px}.size-selector{grid-template-columns:repeat(2,1fr)}.spice-tab{flex:1 0 calc(50% - 8px)}.total-price{flex-direction:column;gap:10px;text-align:center}.total-value{font-size:1.5rem}}.fruits-vegetables-calculator{display:grid;grid-template-columns:400px 1fr;gap:30px;height:100%;position:relative}.fruit-visualization{position:relative;background:#0000004d;border-radius:20px;border:1px solid rgba(156,39,176,.3);overflow:hidden;display:flex;flex-direction:column}.fruit-canvas{width:100%;height:200px;display:block;background:#9c27b00d}.quality-radar{padding:20px;border-top:1px solid rgba(156,39,176,.2);flex:1}.shelf-life-prediction{padding:20px;border-top:1px solid rgba(156,39,176,.2)}.shelf-life-prediction h4{color:var(--matrix-green);margin-bottom:15px;text-align:center;font-size:1rem}.shelf-life-display{text-align:center}.shelf-life-value{color:var(--matrix-green);font-size:2rem;font-weight:800;margin-bottom:15px;text-shadow:0 0 10px currentColor}.confidence{font-size:.8rem;color:var(--hologram-white);opacity:.7;display:block;margin-top:5px}.shelf-life-timeline{display:flex;flex-direction:column;gap:10px}.timeline-point{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(0,255,65,.3)}.point-day{color:var(--matrix-green);font-weight:700;font-size:.9rem}.point-condition{color:var(--hologram-white);font-size:.8rem;opacity:.8}.variety-selector{display:grid;gap:8px}.variety-option{display:flex;align-items:center;gap:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px 15px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease;text-align:left}.variety-option:hover{border-color:var(--variety-color);transform:translate(5px)}.variety-option.selected{background:rgba(var(--variety-color-rgb),.2);border-color:var(--variety-color);box-shadow:0 0 15px var(--variety-color)}.variety-color-indicator{width:16px;height:16px;background:var(--variety-color);border-radius:50%;box-shadow:0 0 8px var(--variety-color);flex-shrink:0}.variety-info{flex:1}.variety-name{display:block;font-weight:700;margin-bottom:2px}.variety-details{display:block;font-size:.7rem;opacity:.7}.variety-multiplier{color:var(--cyber-gold);font-weight:700;font-size:.9rem}.size-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.size-option{display:flex;flex-direction:column;align-items:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 8px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease}.size-option:hover{border-color:var(--quantum-blue);transform:scale(1.05)}.size-option.selected{background:#00f3ff1a;border-color:var(--quantum-blue);box-shadow:0 0 10px var(--quantum-blue)}.size-icon{font-size:1.2rem}.size-name{font-size:.8rem;font-weight:600}.size-description{font-size:.7rem;opacity:.7}.sugar-slider,.weight-slider,.quantity-slider{width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none;margin-bottom:10px}.sugar-slider::-webkit-slider-thumb,.weight-slider::-webkit-slider-thumb,.quantity-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:var(--cyber-gold);border-radius:50%;cursor:pointer;box-shadow:0 0 8px var(--cyber-gold)}.coldchain-selector{display:grid;gap:8px}.coldchain-option{display:flex;align-items:center;gap:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px 15px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease}.coldchain-option:hover{border-color:var(--matrix-green);transform:translate(5px)}.coldchain-option.selected{background:#00ff411a;border-color:var(--matrix-green);box-shadow:0 0 15px var(--matrix-green)}.coldchain-icon{font-size:1.2rem}.coldchain-info{flex:1}.coldchain-name{display:block;font-weight:600;margin-bottom:2px}.coldchain-reliability{display:block;font-size:.7rem;opacity:.7}.coldchain-cost{color:var(--cyber-gold);font-size:.8rem;font-weight:700}.results-panel{background:#ffffff0d;border:1px solid rgba(156,39,176,.3);border-radius:20px;padding:30px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 40px #9c27b01a}.freshness-metrics{margin-top:25px}.freshness-metrics h4{color:var(--matrix-green);margin-bottom:15px;text-align:center;font-size:1.1rem}.action-btn.primary{background:linear-gradient(45deg,#9c27b0,#e91e63);color:#fff}.action-btn.primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px #9c27b066}@media(max-width:1200px){.fruits-vegetables-calculator{grid-template-columns:1fr}.fruit-visualization{height:400px;flex-direction:row}.fruit-canvas,.quality-radar,.shelf-life-prediction{flex:1}}@media(max-width:768px){.parameter-grid,.parameter-row{grid-template-columns:1fr}.product-tabs{flex-wrap:wrap}.product-tab{flex:1 0 calc(33.333% - 8px);margin-bottom:8px}.size-selector{grid-template-columns:repeat(4,1fr)}.action-buttons{flex-direction:column}.metrics-grid{grid-template-columns:1fr}.fruit-visualization{flex-direction:column;height:auto}}@media(max-width:480px){.parameter-section{padding:15px}.results-panel{padding:20px}.size-selector{grid-template-columns:repeat(2,1fr)}.product-tab{flex:1 0 calc(50% - 8px)}.total-price{flex-direction:column;gap:10px;text-align:center}.total-value{font-size:1.5rem}}.granite-marble-calculator{display:grid;grid-template-columns:400px 1fr;gap:30px;height:100%;position:relative}.stone-visualization{position:relative;background:#0000004d;border-radius:20px;border:1px solid rgba(96,125,139,.3);overflow:hidden;display:flex;flex-direction:column}.stone-canvas{width:100%;height:200px;display:block;background:#607d8b0d}.pattern-radar{padding:20px;border-top:1px solid rgba(96,125,139,.2);flex:1}.pattern-radar h4{color:var(--quantum-blue);margin-bottom:15px;text-align:center;font-size:1rem}.quality-analysis{padding:20px;border-top:1px solid rgba(96,125,139,.2)}.analysis-card{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(96,125,139,.3)}.material-selection{background:#ffffff0d;border-radius:15px;padding:15px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.material-tabs{display:flex;gap:8px;justify-content:space-between}.material-tab{display:flex;flex-direction:column;align-items:center;gap:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px 8px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease;flex:1;min-width:0}.material-tab:hover{border-color:var(--material-color);transform:translateY(-3px)}.material-tab.active{background:rgba(var(--material-color-rgb),.1);border-color:var(--material-color);box-shadow:0 5px 20px var(--material-color)}.material-icon{font-size:1.5rem;filter:drop-shadow(0 0 5px currentColor)}.material-name{font-size:.8rem;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.type-option{display:flex;align-items:center;gap:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px 15px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease;text-align:left}.type-option:hover{border-color:var(--type-color);transform:translate(5px)}.type-option.selected{background:rgba(var(--type-color-rgb),.2);border-color:var(--type-color);box-shadow:0 0 15px var(--type-color)}.type-color-indicator{width:16px;height:16px;background:var(--type-color);border-radius:50%;box-shadow:0 0 8px var(--type-color);flex-shrink:0}.type-details{display:block;font-size:.7rem;opacity:.7}.finish-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.finish-option{display:flex;flex-direction:column;align-items:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 8px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease}.finish-option:hover{border-color:var(--quantum-blue);transform:scale(1.05)}.finish-option.selected{background:#00f3ff1a;border-color:var(--quantum-blue);box-shadow:0 0 10px var(--quantum-blue)}.finish-icon{font-size:1.2rem}.finish-name{font-size:.8rem;font-weight:600}.finish-multiplier{color:var(--cyber-gold);font-size:.7rem;font-weight:700}.grade-selector{display:flex;flex-direction:column;gap:8px}.grade-option{display:flex;flex-direction:column;gap:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px 15px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease;text-align:left}.grade-option:hover{border-color:var(--cyber-gold);transform:translateY(-3px)}.grade-name{font-weight:700;font-size:.9rem}.grade-requirements{font-size:.7rem;opacity:.7}.quarry-selector{display:grid;gap:8px}.quarry-option{display:flex;align-items:center;gap:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px 15px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease}.quarry-option:hover{border-color:var(--matrix-green);transform:translate(5px)}.quarry-option.selected{background:#00ff411a;border-color:var(--matrix-green);box-shadow:0 0 15px var(--matrix-green)}.quarry-icon{font-size:1.2rem}.quarry-info{flex:1}.quarry-name{display:block;font-weight:600;margin-bottom:2px}.quarry-quality{display:block;font-size:.7rem;opacity:.7}.quarry-multiplier{color:var(--cyber-gold);font-weight:700;font-size:.9rem}.size-slider,.thickness-slider,.quantity-slider{width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none;margin-bottom:10px}.size-slider::-webkit-slider-thumb,.thickness-slider::-webkit-slider-thumb,.quantity-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:var(--cyber-gold);border-radius:50%;cursor:pointer;box-shadow:0 0 8px var(--cyber-gold)}.stone-properties{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.stone-properties h4{color:var(--quantum-blue);margin-bottom:15px;text-align:center;font-size:1rem}.property-card{background:#607d8b1a;border:1px solid rgba(96,125,139,.3);border-radius:8px;padding:10px;text-align:center}.results-panel{background:#ffffff0d;border:1px solid rgba(96,125,139,.3);border-radius:20px;padding:30px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 40px #607d8b1a}.stone-metrics{margin-top:25px}.stone-metrics h4{color:var(--matrix-green);margin-bottom:15px;text-align:center;font-size:1.1rem}.action-btn.primary{background:linear-gradient(45deg,#607d8b,#455a64);color:#fff}.action-btn.primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px #607d8b66}@media(max-width:1200px){.granite-marble-calculator{grid-template-columns:1fr}.stone-visualization{height:400px;flex-direction:row}.stone-canvas,.pattern-radar,.quality-analysis{flex:1}}@media(max-width:768px){.parameter-grid,.parameter-row{grid-template-columns:1fr}.material-tabs{flex-wrap:wrap}.material-tab{flex:1 0 calc(33.333% - 8px);margin-bottom:8px}.finish-selector{grid-template-columns:repeat(4,1fr)}.properties-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.metrics-grid{grid-template-columns:1fr}.stone-visualization{flex-direction:column;height:auto}}@media(max-width:480px){.parameter-section{padding:15px}.results-panel{padding:20px}.finish-selector{grid-template-columns:repeat(2,1fr)}.material-tab{flex:1 0 calc(50% - 8px)}.total-price{flex-direction:column;gap:10px;text-align:center}.total-value{font-size:1.5rem}}.agro-products-calculator{display:grid;grid-template-columns:400px 1fr;gap:30px;height:100%;position:relative}.grain-visualization{position:relative;background:#0000004d;border-radius:20px;border:1px solid rgba(139,195,74,.3);overflow:hidden;display:flex;flex-direction:column}.grain-canvas{width:100%;height:200px;display:block;background:#8bc34a0d}.quality-radar{padding:20px;border-top:1px solid rgba(139,195,74,.2);flex:1}.quality-radar h4{color:var(--quantum-blue);margin-bottom:15px;text-align:center;font-size:1rem}.quality-analysis{padding:20px;border-top:1px solid rgba(139,195,74,.2)}.quality-analysis h4{color:var(--matrix-green);margin-bottom:15px;text-align:center;font-size:1rem}.analysis-grid{display:flex;flex-direction:column;gap:10px}.analysis-card{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(139,195,74,.3)}.param-name{color:var(--hologram-white);font-weight:600;font-size:.8rem;flex:1}.param-value{color:var(--cyber-gold);font-weight:700;font-size:.8rem;margin:0 10px}.param-optimal{color:var(--quantum-blue);font-size:.7rem;opacity:.8;text-align:right;flex:1}.product-selection{background:#ffffff0d;border-radius:15px;padding:15px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.product-tabs{display:flex;gap:8px;justify-content:space-between}.product-tab{display:flex;flex-direction:column;align-items:center;gap:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px 8px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease;flex:1;min-width:0}.product-tab:hover{border-color:var(--product-color);transform:translateY(-3px)}.product-tab.active{background:rgba(var(--product-color-rgb),.1);border-color:var(--product-color);box-shadow:0 5px 20px var(--product-color)}.product-icon{font-size:1.5rem;filter:drop-shadow(0 0 5px currentColor)}.product-name{font-size:.8rem;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.quality-indicator{color:var(--cyber-gold);font-size:.8rem;margin-left:8px;opacity:.8}.quantity-conversion{color:var(--quantum-blue);font-size:.8rem;margin-left:8px;opacity:.7}.mesh-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mesh-option{display:flex;flex-direction:column;align-items:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 8px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease}.mesh-option:hover{border-color:var(--quantum-blue);transform:scale(1.05)}.mesh-option.selected{background:#00f3ff1a;border-color:var(--quantum-blue);box-shadow:0 0 10px var(--quantum-blue)}.mesh-icon{font-size:1.2rem}.mesh-name{font-size:.8rem;font-weight:600}.mesh-usage{font-size:.7rem;opacity:.7}.grade-selector{display:grid;gap:8px}.grade-option{display:flex;align-items:center;gap:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px 15px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease}.grade-option:hover{border-color:var(--cyber-gold);transform:translate(5px)}.grade-option.selected{background:#ffd7001a;border-color:var(--cyber-gold);box-shadow:0 0 15px var(--cyber-gold)}.grade-icon{font-size:1.2rem}.grade-info{flex:1}.grade-name{display:block;font-weight:700;margin-bottom:2px}.grade-length{display:block;font-size:.7rem;opacity:.7}.grade-multiplier{color:var(--cyber-gold);font-weight:700;font-size:.9rem}.type-selector{display:grid;gap:8px}.type-option{display:flex;align-items:center;gap:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px 15px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease}.type-option:hover{border-color:var(--matrix-green);transform:translate(5px)}.type-option.selected{background:#00ff411a;border-color:var(--matrix-green);box-shadow:0 0 15px var(--matrix-green)}.type-info{flex:1}.type-name{display:block;font-weight:700;margin-bottom:2px}.type-protein{display:block;font-size:.7rem;opacity:.7}.type-multiplier{color:var(--cyber-gold);font-weight:700;font-size:.9rem}.quality-grade-selector{display:flex;flex-direction:column;gap:8px}.quality-option{display:flex;flex-direction:column;gap:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px 15px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease;text-align:left}.quality-option:hover{border-color:var(--neural-purple);transform:translateY(-3px)}.quality-option.selected{background:#b967ff1a;border-color:var(--neural-purple);box-shadow:0 0 15px var(--neural-purple)}.quality-name{font-weight:700;font-size:.9rem}.quality-requirements{font-size:.7rem;opacity:.7}.organic-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.organic-option{display:flex;flex-direction:column;align-items:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 8px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease}.organic-option:hover{border-color:var(--matrix-green);transform:scale(1.05)}.organic-option.selected{background:#00ff411a;border-color:var(--matrix-green);box-shadow:0 0 10px var(--matrix-green)}.organic-icon{font-size:1.2rem}.organic-name{font-size:.8rem;font-weight:600;text-align:center}.organic-multiplier{color:var(--cyber-gold);font-size:.7rem;font-weight:700}.viscosity-slider,.protein-slider,.length-slider,.broken-slider,.gluten-slider,.oil-slider,.quantity-slider{width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none;margin-bottom:10px}.viscosity-slider::-webkit-slider-thumb,.protein-slider::-webkit-slider-thumb,.length-slider::-webkit-slider-thumb,.broken-slider::-webkit-slider-thumb,.gluten-slider::-webkit-slider-thumb,.oil-slider::-webkit-slider-thumb,.quantity-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:var(--cyber-gold);border-radius:50%;cursor:pointer;box-shadow:0 0 8px var(--cyber-gold)}.packaging-option:hover{border-color:var(--quantum-blue);transform:translate(5px)}.packaging-option.selected{background:#00f3ff1a;border-color:var(--quantum-blue);box-shadow:0 0 15px var(--quantum-blue)}.shipping-option:hover{border-color:var(--neural-purple);transform:translateY(-3px)}.shipping-option.selected{background:#b967ff1a;border-color:var(--neural-purple);box-shadow:0 0 15px var(--neural-purple)}.agro-properties{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.agro-properties h4{color:var(--quantum-blue);margin-bottom:15px;text-align:center;font-size:1rem}.properties-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.property-card{background:#8bc34a1a;border:1px solid rgba(139,195,74,.3);border-radius:8px;padding:10px;text-align:center}.property-label{display:block;color:var(--hologram-white);font-size:.7rem;margin-bottom:4px;opacity:.8}.property-value{display:block;color:var(--cyber-gold);font-size:.8rem;font-weight:700}.results-panel{background:#ffffff0d;border:1px solid rgba(139,195,74,.3);border-radius:20px;padding:30px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 40px #8bc34a1a}.agro-metrics{margin-top:25px}.agro-metrics h4{color:var(--matrix-green);margin-bottom:15px;text-align:center;font-size:1.1rem}.action-btn.primary{background:linear-gradient(45deg,#8bc34a,#689f38);color:#fff}.action-btn.primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px #8bc34a66}.action-btn.secondary{background:#00f3ff33;border:1px solid var(--quantum-blue);color:var(--quantum-blue)}.action-btn.secondary:hover{background:#00f3ff4d;transform:translateY(-3px);box-shadow:0 10px 25px #00f3ff4d}.recommendation-card.low{border-color:#00f3ff;background:#00f3ff1a}.recommendation-card.low .rec-urgency{background:#00f3ff4d;color:#00f3ff}@media(max-width:1200px){.agro-products-calculator{grid-template-columns:1fr}.grain-visualization{height:400px;flex-direction:row}.grain-canvas,.quality-radar,.quality-analysis{flex:1}}@media(max-width:768px){.parameter-grid,.parameter-row{grid-template-columns:1fr}.product-tabs{flex-wrap:wrap}.product-tab{flex:1 0 calc(33.333% - 8px);margin-bottom:8px}.mesh-selector,.organic-selector{grid-template-columns:repeat(2,1fr)}.properties-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.metrics-grid{grid-template-columns:1fr}.grain-visualization{flex-direction:column;height:auto}}@media(max-width:480px){.parameter-section{padding:15px}.results-panel{padding:20px}.mesh-selector,.organic-selector{grid-template-columns:1fr}.product-tab{flex:1 0 calc(50% - 8px)}.total-price{flex-direction:column;gap:10px;text-align:center}.total-value{font-size:1.5rem}}.kids-toys-calculator{display:grid;grid-template-columns:400px 1fr;gap:30px;height:100%;position:relative}.toy-visualization{position:relative;background:#0000004d;border-radius:20px;border:1px solid rgba(33,150,243,.3);overflow:hidden;display:flex;flex-direction:column}.toy-canvas{width:100%;height:200px;display:block;background:#2196f30d}.safety-radar{padding:20px;border-top:1px solid rgba(33,150,243,.2);flex:1}.safety-radar h4{color:var(--quantum-blue);margin-bottom:15px;text-align:center;font-size:1rem}.radar-canvas{width:100%;height:200px;display:block}.safety-score-prediction{padding:20px;border-top:1px solid rgba(33,150,243,.2)}.safety-score-prediction h4{color:var(--matrix-green);margin-bottom:15px;text-align:center;font-size:1rem}.safety-score-display{text-align:center}.safety-score-value{color:var(--matrix-green);font-size:2rem;font-weight:800;margin-bottom:15px;text-shadow:0 0 10px currentColor}.safety-grade{font-size:.8rem;color:var(--hologram-white);opacity:.7;display:block;margin-top:5px}.safety-breakdown{display:flex;flex-direction:column;gap:8px}.safety-metric{display:flex;align-items:center;gap:10px;padding:5px 0}.metric-label{color:var(--hologram-white);font-size:.7rem;width:80px;text-align:right;opacity:.8}.metric-bar{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.metric-fill{height:100%;background:linear-gradient(90deg,var(--quantum-blue),var(--matrix-green));border-radius:3px;transition:width .5s ease}.metric-value{color:var(--quantum-blue);font-size:.7rem;font-weight:700;width:30px;text-align:right}.calculator-interface{display:flex;flex-direction:column;gap:25px}.parameter-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.parameter-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:25px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.section-title{color:var(--cyber-gold);font-size:1.3rem;margin-bottom:20px;font-weight:700;text-align:center}.parameter-group{margin-bottom:25px}.parameter-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.parameter-label{display:block;color:var(--hologram-white);font-size:.9rem;font-weight:600;margin-bottom:12px}.toytype-selector{display:grid;gap:8px}.toytype-option{display:flex;align-items:center;gap:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px 15px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease;text-align:left}.toytype-option:hover{border-color:var(--quantum-blue);transform:translate(5px)}.toytype-option.selected{background:#2196f333;border-color:var(--quantum-blue);box-shadow:0 0 15px var(--quantum-blue)}.toytype-icon{font-size:1.5rem;filter:drop-shadow(0 0 5px currentColor)}.toytype-info{flex:1}.toytype-name{display:block;font-weight:700;margin-bottom:2px}.toytype-description{display:block;font-size:.7rem;opacity:.7}.toytype-multiplier{color:var(--cyber-gold);font-weight:700;font-size:.9rem}.battery-selector{display:flex;flex-direction:column;gap:6px}.battery-option{display:flex;align-items:center;gap:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px 12px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease}.battery-option:hover{border-color:var(--matrix-green);transform:translate(3px)}.battery-option.selected{background:#00ff411a;border-color:var(--matrix-green);box-shadow:0 0 10px var(--matrix-green)}.battery-icon{font-size:1.2rem}.battery-info{flex:1}.battery-name{display:block;font-size:.8rem;font-weight:600}.battery-lifespan{display:block;font-size:.7rem;opacity:.7}.battery-multiplier{color:var(--cyber-gold);font-weight:700;font-size:.8rem}.motor-selector{display:flex;flex-direction:column;gap:6px}.motor-option{display:flex;align-items:center;gap:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px 12px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease}.motor-option:hover{border-color:var(--cyber-gold);transform:translate(3px)}.motor-option.selected{background:#ffd7001a;border-color:var(--cyber-gold);box-shadow:0 0 10px var(--cyber-gold)}.motor-icon{font-size:1.2rem}.motor-info{flex:1}.motor-name{display:block;font-size:.8rem;font-weight:600}.motor-speed{display:block;font-size:.7rem;opacity:.7}.motor-multiplier{color:var(--cyber-gold);font-weight:700;font-size:.8rem}.agegroup-selector{display:grid;gap:8px}.agegroup-option{display:flex;justify-content:space-between;align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px 15px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease}.agegroup-option:hover{border-color:var(--neural-purple);transform:translate(5px)}.agegroup-option.selected{background:#b967ff1a;border-color:var(--neural-purple);box-shadow:0 0 15px var(--neural-purple)}.agegroup-info{flex:1}.agegroup-name{display:block;font-weight:700;margin-bottom:2px}.agegroup-requirements{display:block;font-size:.7rem;opacity:.7}.agegroup-multiplier{color:var(--cyber-gold);font-weight:700;font-size:.9rem}.quantity-slider{width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none;margin-bottom:10px}.quantity-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:var(--cyber-gold);border-radius:50%;cursor:pointer;box-shadow:0 0 8px var(--cyber-gold)}.quantity-presets{display:flex;gap:6px;justify-content:space-between}.preset-btn{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px 8px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease;font-size:.7rem;font-weight:600}.preset-btn:hover{border-color:var(--quantum-blue)}.preset-btn.active{background:#00f3ff33;border-color:var(--quantum-blue);box-shadow:0 0 8px var(--quantum-blue)}.safety-cert-selector{display:grid;grid-template-columns:1fr 1fr;gap:8px}.safety-cert-option{display:flex;align-items:center;gap:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease;text-align:left}.safety-cert-option:hover{border-color:var(--matrix-green);transform:scale(1.05)}.safety-cert-option.selected{background:#00ff411a;border-color:var(--matrix-green);box-shadow:0 0 10px var(--matrix-green)}.cert-icon{font-size:1rem}.cert-info{flex:1}.cert-name{display:block;font-size:.7rem;font-weight:600;margin-bottom:2px}.cert-cost{display:block;font-size:.6rem;opacity:.7}.features-selector{display:grid;grid-template-columns:1fr 1fr;gap:8px}.feature-option{display:flex;align-items:center;gap:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease;text-align:left}.feature-option:hover{border-color:var(--cyber-gold);transform:scale(1.05)}.feature-option.selected{background:#ffd7001a;border-color:var(--cyber-gold);box-shadow:0 0 10px var(--cyber-gold)}.feature-icon{font-size:1rem}.feature-info{flex:1}.feature-name{display:block;font-size:.7rem;font-weight:600;margin-bottom:2px}.feature-cost{display:block;font-size:.6rem;opacity:.7}.packaging-selector{display:grid;gap:8px}.packaging-option{display:flex;align-items:center;gap:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px 15px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease}.packaging-option:hover{border-color:var(--neural-purple);transform:translate(5px)}.packaging-option.selected{background:#b967ff1a;border-color:var(--neural-purple);box-shadow:0 0 15px var(--neural-purple)}.packaging-icon{font-size:1.2rem}.packaging-info{flex:1}.packaging-name{display:block;font-weight:600;margin-bottom:2px}.packaging-protection{display:block;font-size:.7rem;opacity:.7;text-transform:capitalize}.packaging-cost{color:var(--cyber-gold);font-size:.8rem;font-weight:700}.shipping-selector{display:grid;gap:8px}.shipping-option{display:flex;flex-direction:column;gap:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px 15px;color:var(--hologram-white);cursor:pointer;transition:all .3s ease;text-align:left}.shipping-option:hover{border-color:var(--quantum-blue);transform:translateY(-3px)}.shipping-option.selected{background:#00f3ff1a;border-color:var(--quantum-blue);box-shadow:0 0 15px var(--quantum-blue)}.shipping-details{font-size:.7rem;opacity:.7}.destination-select{width:100%;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 15px;color:var(--hologram-white);font-size:.9rem;cursor:pointer;transition:all .3s ease}.destination-select:focus{border-color:var(--quantum-blue);box-shadow:0 0 10px var(--quantum-blue);outline:none}.results-panel{background:#ffffff0d;border:1px solid rgba(33,150,243,.3);border-radius:20px;padding:30px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 40px #2196f31a}.results-header{text-align:center;margin-bottom:25px}.results-header h3{color:var(--cyber-gold);font-size:1.5rem;margin-bottom:8px;font-weight:700}.calculation-time{color:var(--quantum-blue);font-size:.9rem;font-weight:600}.price-breakdown{margin-bottom:25px}.total-price{display:flex;justify-content:space-between;align-items:center;background:#ffd7001a;border:2px solid var(--cyber-gold);border-radius:15px;padding:20px;margin-bottom:20px}.total-label{color:var(--cyber-gold);font-size:1.1rem;font-weight:700}.total-value{color:var(--cyber-gold);font-size:2rem;font-weight:800;text-shadow:0 0 10px currentColor}.per-unit{font-size:.9rem;opacity:.8}.breakdown-components{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.component-label{color:var(--hologram-white);font-size:.9rem}.component-value{color:var(--matrix-green);font-weight:700;font-size:.9rem}.safety-metrics{margin-top:25px}.safety-metrics h4{color:var(--matrix-green);margin-bottom:15px;text-align:center;font-size:1.1rem}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric-card{background:#00ff411a;border:1px solid var(--matrix-green);border-radius:10px;padding:15px;text-align:center}.metric-label{display:block;color:var(--hologram-white);font-size:.8rem;margin-bottom:5px;opacity:.8}.metric-value{display:block;color:var(--matrix-green);font-size:1.2rem;font-weight:800}.action-buttons{display:flex;gap:12px;justify-content:center}.action-btn{padding:12px 20px;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:.9rem}.action-btn.primary{background:linear-gradient(45deg,#2196f3,#03a9f4);color:#fff}.action-btn.primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px #2196f366}.action-btn.secondary{background:#00ff4133;border:1px solid var(--matrix-green);color:var(--matrix-green)}.action-btn.secondary:hover{background:#00ff414d;transform:translateY(-3px);box-shadow:0 10px 25px #00ff414d}.action-btn.outline{background:transparent;border:1px solid var(--hologram-white);color:var(--hologram-white)}.action-btn.outline:hover{background:#ffffff1a;transform:translateY(-3px)}.ai-recommendations{background:#ffffff0d;border:1px solid rgba(185,103,255,.3);border-radius:15px;padding:25px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.recommendations-title{color:var(--neural-purple);font-size:1.3rem;margin-bottom:20px;font-weight:700;text-align:center}.recommendations-grid{display:grid;gap:15px}.recommendation-card{background:#ffffff14;border:1px solid;border-radius:12px;padding:18px;transition:all .3s ease}.recommendation-card.high{border-color:#ff2a6d;background:#ff2a6d1a}.recommendation-card.medium{border-color:gold;background:#ffd7001a}.recommendation-card.low{border-color:#2196f3;background:#2196f31a}.rec-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.rec-header h4{color:var(--hologram-white);font-size:1rem;font-weight:700}.confidence-badge{background:var(--matrix-green);color:#000;padding:4px 8px;border-radius:10px;font-size:.7rem;font-weight:800}.rec-message{color:#fffc;font-size:.85rem;line-height:1.4;margin-bottom:12px}.rec-footer{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.rec-action{color:var(--cyber-gold);font-weight:600}.rec-urgency{padding:3px 8px;border-radius:8px;font-weight:700;text-transform:uppercase;font-size:.7rem}.recommendation-card.high .rec-urgency{background:#ff2a6d4d;color:#ff2a6d}.recommendation-card.medium .rec-urgency{background:#ffd7004d;color:gold}.recommendation-card.low .rec-urgency{background:#2196f34d;color:#2196f3}@media(max-width:1200px){.kids-toys-calculator{grid-template-columns:1fr}.toy-visualization{height:400px;flex-direction:row}.toy-canvas,.safety-radar,.safety-score-prediction{flex:1}}@media(max-width:768px){.parameter-grid,.parameter-row,.safety-cert-selector,.features-selector{grid-template-columns:1fr}.action-buttons{flex-direction:column}.metrics-grid{grid-template-columns:1fr}.toy-visualization{flex-direction:column;height:auto}}@media(max-width:480px){.parameter-section{padding:15px}.results-panel{padding:20px}.total-price{flex-direction:column;gap:10px;text-align:center}.total-value{font-size:1.5rem}}.quantum-particle-field{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;background:radial-gradient(circle at 20% 30%,rgba(0,243,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(185,103,255,.03) 0%,transparent 50%);animation:quantumFieldPulse 20s ease-in-out infinite}@keyframes quantumFieldPulse{0%,to{opacity:.3;transform:scale(1) rotate(0)}50%{opacity:.6;transform:scale(1.05) rotate(.5deg)}}.neural-interface{position:fixed;top:20px;left:20px;right:20px;background:#000c;border:1px solid var(--quantum-blue);border-radius:15px;padding:15px;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 30px #00f3ff4d,inset 0 1px #ffffff1a}.neural-waves{display:flex;gap:4px;margin-bottom:10px;height:20px;align-items:center}.neural-wave{flex:1;height:2px;background:linear-gradient(90deg,transparent,var(--quantum-blue),transparent);animation:neuralWave 2s ease-in-out infinite}@keyframes neuralWave{0%,to{opacity:.3;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1.5)}}.neural-input-display{color:var(--quantum-blue);font-size:.9rem;text-align:center;font-weight:600;text-shadow:0 0 10px currentColor}.hologram-intensity-btn,.quantum-reset-btn{background:#000c;border:1px solid var(--neural-purple);border-radius:10px;padding:8px 12px;color:var(--neural-purple);cursor:pointer;transition:all .3s ease;font-size:.8rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hologram-intensity-btn:hover,.quantum-reset-btn:hover{background:#b967ff33;box-shadow:0 0 15px var(--neural-purple);transform:translateY(-2px)}.intensity-indicator{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.intensity-bar{height:100%;background:linear-gradient(90deg,var(--quantum-blue),var(--neural-purple));border-radius:3px;transition:width .3s ease}.ai-insights-panel{position:fixed;bottom:20px;left:20px;width:350px;background:#000000e6;border:1px solid var(--matrix-green);border-radius:15px;padding:20px;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 30px #00ff4133,inset 0 1px #ffffff1a}.insights-title{color:var(--matrix-green);font-size:1.2rem;margin-bottom:15px;text-align:center;font-weight:700;text-shadow:0 0 10px currentColor}.insights-stream{display:flex;flex-direction:column;gap:10px;max-height:200px;overflow-y:auto}.insight-card{background:#ffffff0d;border:1px solid;border-radius:10px;padding:12px;animation:insightAppear .5s ease-out}.insight-card.high{border-color:var(--warning-red)}.insight-card.medium{border-color:var(--cyber-gold)}.insight-card.low{border-color:var(--quantum-blue)}@keyframes insightAppear{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.insight-message{color:var(--hologram-white);font-size:.85rem;margin-bottom:8px;line-height:1.3}.insight-meta{display:flex;justify-content:space-between;font-size:.7rem}.confidence{color:var(--cyber-gold)}.timestamp{color:var(--quantum-blue)}.quantum-interface{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:100px 20px}.quantum-portal{position:relative;width:90%;max-width:1200px;min-height:600px;background:#ffffff05;border-radius:30px;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid rgba(0,243,255,.3);box-shadow:0 0 80px #00f3ff33,inset 0 1px #ffffff1a,inset 0 -1px #00000080;overflow:hidden}.portal-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200%;height:200%;background:radial-gradient(circle,rgba(0,243,255,.1) 0%,rgba(185,103,255,.05) 30%,transparent 70%);animation:portalGlowRotate 20s linear infinite}@keyframes portalGlowRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.portal-rings{position:absolute;inset:0}.ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid rgba(0,243,255,.3);border-radius:50%;animation:ringPulse 3s ease-in-out infinite}.ring-1{width:80%;height:80%;animation-delay:0s}.ring-2{width:90%;height:90%;animation-delay:1s}.ring-3{width:100%;height:100%;animation-delay:2s}@keyframes ringPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.05)}}.quantum-content{position:relative;z-index:3;padding:40px;height:100%}.calculator-view{position:relative;height:100%}.back-to-matrix-btn{background:#0009;border:1px solid var(--quantum-blue);border-radius:8px;padding:10px 15px;color:var(--quantum-blue);cursor:pointer;transition:all .3s ease;margin-bottom:20px;font-weight:600}.back-to-matrix-btn:hover{background:#00f3ff33;box-shadow:0 0 15px var(--quantum-blue);transform:translate(-5px)}.quantum-state-indicator{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;gap:10px;background:#000c;border:1px solid var(--cyber-gold);border-radius:10px;padding:10px 15px;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.state-dot{width:12px;height:12px;border-radius:50%;animation:statePulse 2s ease-in-out infinite}.state-dot.idle{background:var(--quantum-blue);box-shadow:0 0 10px var(--quantum-blue)}.state-dot.ready{background:var(--matrix-green);box-shadow:0 0 10px var(--matrix-green)}.state-dot.calculating{background:var(--cyber-gold);box-shadow:0 0 10px var(--cyber-gold);animation:calculatingPulse .5s ease-in-out infinite}.state-dot.transitioning{background:var(--neural-purple);box-shadow:0 0 10px var(--neural-purple);animation:transitionPulse .3s ease-in-out infinite}@keyframes statePulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes calculatingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.2)}}@keyframes transitionPulse{0%,to{opacity:1}50%{opacity:.2}}.state-text{color:var(--hologram-white);font-size:.9rem;font-weight:600}.market-data-stream{position:fixed;bottom:80px;right:20px;width:250px;background:#000000e6;border:1px solid var(--cyber-gold);border-radius:10px;padding:15px;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.data-stream-header{color:var(--cyber-gold);font-size:.9rem;margin-bottom:10px;text-align:center;font-weight:700;text-shadow:0 0 5px currentColor}.data-items{display:flex;flex-direction:column;gap:8px}.data-item{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid rgba(255,215,0,.2)}.commodity{color:var(--hologram-white);font-size:.8rem;font-weight:600}.price{color:var(--matrix-green);font-size:.8rem;font-weight:700}:root{--quantum-blue: #00f3ff;--neural-purple: #b967ff;--cyber-gold: #ffd700;--matrix-green: #00ff41;--hologram-white: rgba(255, 255, 255, .9);--void-black: #0a0a0a;--metal-grey: #1a1a1a;--warning-red: #ff2a6d}@media(max-width:768px){.quantum-interface{padding:80px 10px}.quantum-content{padding:20px}.ai-insights-panel,.market-data-stream{position:relative;width:auto;margin:10px;bottom:auto;right:auto}.holographic-controls{position:relative;top:auto;right:auto;flex-direction:row;justify-content:center;margin:10px}.neural-interface{position:relative;top:auto;left:auto;right:auto;margin:10px}.quantum-state-indicator{position:relative;bottom:auto;right:auto;margin:10px;justify-content:center}}@media(max-width:480px){.quantum-portal{width:95%;min-height:500px}.portal-rings{display:none}}.quantum-calculator-section{position:relative;min-height:100vh;background:radial-gradient(circle at 20% 50%,rgba(0,243,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(185,103,255,.05) 0%,transparent 50%),linear-gradient(135deg,#0a0a0a,#1a1a1a);overflow:hidden;font-family:Orbitron,monospace}.quantum-particle-field{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.system-status-panel{position:fixed;top:100px;left:20px;background:#000000e6;border:1px solid var(--quantum-blue);border-radius:15px;padding:20px;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:280px}.status-title{color:var(--quantum-blue);font-size:1.1rem;margin-bottom:15px;text-align:center;font-weight:700}.status-grid{display:flex;flex-direction:column;gap:10px}.status-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(0,243,255,.2)}.status-label{color:var(--hologram-white);font-size:.8rem;opacity:.8}.status-value{font-size:.8rem;font-weight:700;text-shadow:0 0 5px currentColor}.calculator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 10px}.product-title{color:var(--cyber-gold);font-size:1.5rem;font-weight:700;text-shadow:0 0 10px currentColor}.calculator-error{text-align:center;padding:40px;color:var(--hologram-white)}.calculator-error h3{color:var(--warning-red);margin-bottom:15px}.insights-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.insights-refresh-mini{background:#00f3ff1a;border:1px solid var(--quantum-blue);border-radius:6px;padding:6px 8px;color:var(--quantum-blue);cursor:pointer;transition:all .3s ease;font-size:.8rem}.insights-refresh-mini:hover{background:#00f3ff33;box-shadow:0 0 10px var(--quantum-blue)}.data-update-indicator{width:8px;height:8px;background:var(--matrix-green);border-radius:50%;margin-left:8px;animation:dataPulse 2s ease-in-out infinite;display:inline-block}@keyframes dataPulse{0%,to{opacity:.3}50%{opacity:1}}.performance-metrics{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:20px;background:#000c;border:1px solid var(--neural-purple);border-radius:10px;padding:12px 20px;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.metric{display:flex;flex-direction:column;align-items:center;gap:4px}.metric-label{color:var(--hologram-white);font-size:.7rem;opacity:.7}.metric-value{color:var(--matrix-green);font-size:.9rem;font-weight:700}.neural-interface{position:fixed;top:20px;left:20px;right:20px;background:#000000e6;border:1px solid var(--quantum-blue);border-radius:15px;padding:15px;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 30px #00f3ff4d,inset 0 1px #ffffff1a}.holographic-controls{position:fixed;top:100px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:1000}.insights-refresh-btn{background:#b967ff1a;border:1px solid var(--neural-purple);border-radius:10px;padding:8px 12px;color:var(--neural-purple);cursor:pointer;transition:all .3s ease;font-size:.8rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.insights-refresh-btn:hover{background:#b967ff33;box-shadow:0 0 15px var(--neural-purple);transform:translateY(-2px)}.insight-card .insight-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.insight-title{color:var(--hologram-white);font-size:.9rem;font-weight:700;margin:0 10px 0 0;flex:1}.insight-card .insight-footer{display:flex;justify-content:space-between;font-size:.7rem;margin-top:8px}.insight-type{color:var(--cyber-gold);text-transform:capitalize}.insight-time{color:var(--quantum-blue)}.insight-card.loading{text-align:center;color:var(--hologram-white);opacity:.7;font-style:italic}.quantum-state-indicator .state-dot.transitioning{background:var(--neural-purple);box-shadow:0 0 10px var(--neural-purple);animation:transitionPulse .3s ease-in-out infinite}.quantum-state-indicator .state-dot.initializing{background:var(--cyber-gold);box-shadow:0 0 10px var(--cyber-gold);animation:calculatingPulse .5s ease-in-out infinite}.quantum-state-indicator .state-dot.error{background:var(--warning-red);box-shadow:0 0 10px var(--warning-red);animation:statePulse 1s ease-in-out infinite}@media(max-width:1200px){.system-status-panel{position:relative;top:auto;left:auto;width:auto;margin:10px}.performance-metrics{position:relative;bottom:auto;left:auto;transform:none;margin:10px;justify-content:center}}@media(max-width:768px){.calculator-header{flex-direction:column;gap:10px;text-align:center}.performance-metrics{flex-wrap:wrap;justify-content:center}.holographic-controls{position:relative;top:auto;right:auto;flex-direction:row;justify-content:center;margin:10px}}@media(max-width:480px){.system-status-panel{width:auto;margin:5px}.status-grid{grid-template-columns:1fr}.neural-interface{left:10px;right:10px}}.client-list-container{padding:18px;background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000f;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.client-list-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.client-list-header h2{margin:0;font-size:20px;color:#0b3a6f}.client-list-controls{display:flex;gap:8px;align-items:center}.client-search{padding:8px 10px;border:1px solid #e1e5ea;border-radius:6px;min-width:260px}.client-filter{padding:8px 10px;border:1px solid #e1e5ea;border-radius:6px}.btn{padding:8px 10px;border-radius:6px;background:#f7f9fb;border:1px solid #e1e5ea;cursor:pointer}.btn-primary{background:#0b69ff;color:#fff;border:none}.btn-secondary{background:#eef3ff;color:#0b3a6f;border:none}.btn-success{background:#16a34a;color:#fff;border:none}.client-list-body{margin-top:8px}.client-actions{display:flex;gap:8px;align-items:center;margin-bottom:8px}.selection-info{margin-left:auto;font-weight:600}.client-table{width:100%;border-collapse:collapse;margin-top:8px}.client-table th,.client-table td{padding:10px;border-bottom:1px solid #f1f3f5;text-align:left;font-size:14px}.client-table tbody tr:hover{background:#fafbfd}.no-data{padding:28px;text-align:center;color:#6b7280}.client-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.client-row:hover{background-color:#f8fafc}.client-row:active{background-color:#e2e8f0}.client-row.selected{background-color:#ebf8ff}.client-name{font-weight:600;color:#1a202c}.client-email{color:#4a5568}.client-status{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.status-active{background:#e6fffa;color:#234e52}.status-inactive{background:#fef3c7;color:#92400e}.status-pending{background:#ebf4ff;color:#1e40af}.error-message{background:#fed7d7;border:1px solid #feb2b2;color:#c53030;padding:1rem;border-radius:6px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.error-message button{background:#c53030;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.error-message button:hover{background:#9b2c2c}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:1rem;border-radius:8px;margin-bottom:1rem}.error-help{margin-top:.5rem;font-size:.9rem}.error-help p{margin:.5rem 0;color:#666}.error-help button{background:#4caf50;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-right:.5rem}.error-help button:last-child{background:#2196f3}.client-row{cursor:pointer;transition:background-color .2s}.client-row:hover{background-color:#f5f5f5}.tab.disabled{opacity:.5;cursor:not-allowed!important}.bulk-modal-backdrop{position:fixed;inset:0;background:#0a0f1973;display:flex;align-items:center;justify-content:center;z-index:9999;padding:12px}.bulk-modal{width:760px;max-width:98%;background:#fff;border-radius:10px;box-shadow:0 8px 40px #02061733;overflow:hidden;font-family:Inter,system-ui,sans-serif}.bulk-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #eef2f7}.bulk-modal-header h3{margin:0;color:#0b3a6f}.close-btn{background:transparent;border:none;font-size:22px;cursor:pointer}.bulk-modal-body{padding:16px 18px}.info-row{display:flex;gap:18px;margin-bottom:12px;color:#374151}.channel-row,.subject-row,.message-row,.options-row{margin-bottom:12px}.channel-row select,.subject-row input,.message-row textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #e6edf3;font-size:14px}.message-row textarea{min-height:140px;resize:vertical}.options-row{display:flex;gap:12px;align-items:center}.btn{padding:10px 14px;border-radius:8px;border:none;cursor:pointer}.btn.refine{background:#0b69ff;color:#fff}.action-row{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.btn.send{background:#16a34a;color:#fff;font-weight:600}.btn.cancel{background:#f3f4f6;color:#111827}.error-box{margin-top:12px;padding:10px;background:#fff1f2;color:#991b1b;border-radius:6px;border:1px solid #fecaca}.result-box{margin-top:12px;padding:10px;background:#ecfdf5;color:#065f46;border-radius:6px;border:1px solid #bbf7d0}.status-box{margin-top:10px;padding:8px;background:#f8fafc;border-radius:6px;color:#334155}.cd{color:#d97706;font-weight:600}.progress-bar{width:100%;height:12px;background:#e0e7ff;border-radius:6px;overflow:hidden;margin-top:8px}.progress-fill{height:100%;background:#0b69ff;width:0%;transition:width .3s ease}.loading-overlay{position:absolute;inset:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:1000}.bulk-modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.bulk-modal{background:#fff;border-radius:8px;padding:0;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.bulk-modal-header{padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.bulk-modal-header h3{margin:0}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer}.close-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-modal-body{padding:1.5rem}.info-section{background:#f8fafc;padding:1rem;border-radius:6px;margin-bottom:1rem}.form-section{margin-bottom:1rem}.form-section label{display:block;margin-bottom:.5rem;font-weight:500}.form-section select,.form-section input,.form-section textarea{width:100%;padding:.5rem;border:1px solid #d2d6dc;border-radius:4px;font-size:1rem}.form-section textarea{resize:vertical}.action-section{display:flex;gap:1rem;margin-top:1.5rem}.send-btn,.cancel-btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;flex:1}.send-btn{background:#3182ce;color:#fff}.send-btn:hover:not(:disabled){background:#2c5aa0}.send-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-btn{background:#e2e8f0;color:#4a5568}.cancel-btn:hover:not(:disabled){background:#cbd5e0}.error-message{background:#fed7d7;color:#c53030;padding:1rem;border-radius:4px;margin-top:1rem}.result-message{background:#f0fff4;color:#2f855a;padding:1rem;border-radius:4px;margin-top:1rem}.status-message{background:#ebf8ff;color:#3182ce;padding:1rem;border-radius:4px;margin-top:1rem}.status-highlight{color:#d69e2e;font-weight:600}.progress-bar{width:100%;height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden;margin-top:.5rem}.progress-fill{height:100%;background:#3182ce;width:0%;transition:width .3s ease}.loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-text{font-weight:600;color:#0b3a6f}.communication-logs{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.logs-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.header-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.header-main h2{margin:0;font-size:1.5rem;font-weight:600;color:#1a202c}.header-stats{display:flex;gap:1rem;font-size:.875rem}.header-stats .stat{padding:.25rem .5rem;background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#4a5568}.header-stats .selected{background:#ebf8ff;border-color:#bee3f8;color:#2b6cb0}.logs-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:end}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{font-size:.875rem;font-weight:500;color:#4a5568}.control-group select{padding:.5rem;border:1px solid #d2d6dc;border-radius:4px;font-size:.875rem;background:#fff}.control-group select:disabled{background:#f7fafc;color:#a0aec0}.action-buttons{display:flex;gap:.5rem;align-items:center}.btn-primary,.btn-secondary{padding:.5rem 1rem;border:1px solid;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-primary{background:#3182ce;border-color:#3182ce;color:#fff}.btn-primary:hover:not(:disabled){background:#2c5aa0;border-color:#2c5aa0}.btn-secondary{background:#fff;border-color:#d2d6dc;color:#4a5568}.btn-secondary:hover:not(:disabled){background:#f7fafc;border-color:#a0aec0}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.error-message{background:#fed7d7;border:1px solid #feb2b2;color:#c53030;padding:.75rem 1rem;margin:0 1.5rem;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.error-message button{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#c53030}.logs-content{padding:0}.loading-state{padding:3rem;text-align:center;color:#718096;display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{width:2rem;height:2rem;border:2px solid #e2e8f0;border-left:2px solid #3182ce;border-radius:50%;animation:spin 1s linear infinite}.table-container{overflow-x:auto}.logs-table{width:100%;border-collapse:collapse;font-size:.875rem}.logs-table th{background:#f7fafc;padding:.75rem;text-align:left;font-weight:600;color:#4a5568;border-bottom:1px solid #e2e8f0;position:sticky;top:0}.logs-table td{padding:.75rem;border-bottom:1px solid #e2e8f0;vertical-align:top}.logs-table tbody tr:hover{background:#f7fafc}.logs-table tbody tr.selected{background:#ebf8ff}.no-data{text-align:center;color:#a0aec0;padding:2rem!important;font-style:italic}.timestamp{white-space:nowrap;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;color:#718096}.channel-badge,.status-badge{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.channel-email{background:#ebf8ff;color:#2b6cb0}.channel-whatsapp{background:#f0fff4;color:#2f855a}.channel-call,.channel-voice_note,.channel-video{background:#faf5ff;color:#6b46c1}.status-sent,status-delivered{background:#f0fff4;color:#2f855a}.status-read{background:#ebf8ff;color:#2b6cb0}.status-failed{background:#fed7d7;color:#c53030}.status-queued,.status-draft{background:#fafaf0;color:#b7791f}.client-id,.profile-id,.provider-id{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;color:#718096}.message-content{max-width:300px}.message-subject{font-weight:500;color:#2d3748;margin-bottom:.25rem}.message-preview{color:#718096;font-size:.75rem;line-height:1.4}.pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc}.pagination-btn{padding:.5rem 1rem;background:#fff;border:1px solid #d2d6dc;border-radius:4px;color:#4a5568;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f7fafc;border-color:#a0aec0}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#718096;font-size:.875rem}.total-count{margin-left:.5rem;font-size:.75rem;color:#a0aec0}@media(max-width:1024px){.logs-controls{grid-template-columns:1fr}.action-buttons{justify-content:flex-start}}@media(max-width:768px){.logs-header{padding:1rem}.header-main{flex-direction:column;align-items:flex-start;gap:1rem}.header-stats{width:100%;justify-content:space-between}.logs-table{font-size:.75rem}.logs-table th,.logs-table td{padding:.5rem}.message-content{max-width:200px}}.client-insights{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.insights-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;background:#f8fafc;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:1rem}.insights-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1a202c}.client-type-badge{background:#e6fffa;color:#234e52;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.header-right{display:flex;align-items:center;gap:1rem}.last-updated{font-size:.75rem;color:#718096}.refresh-btn{background:none;border:none;font-size:1rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background .2s}.refresh-btn:hover:not(:disabled){background:#e2e8f0}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.health-score-card{padding:1.5rem;border-bottom:1px solid #e2e8f0}.score-main{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem}.score-circle{position:relative;width:80px;height:80px;border-radius:50%;background:conic-gradient(#10b981 0% var(--score-percent, 0%),#e2e8f0 var(--score-percent, 0%) 100%);display:flex;align-items:center;justify-content:center}.score-circle:before{content:"";position:absolute;width:60px;height:60px;background:#fff;border-radius:50%}.score-value{position:relative;font-size:1.5rem;font-weight:700;color:#1a202c}.score-label{position:relative;font-size:.75rem;color:#718096}.score-info h4{margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.score-info p{margin:0;color:#718096;font-size:.875rem}.health-status.excellent{color:#10b981}.health-status.good{color:#3b82f6}.health-status.fair{color:#f59e0b}.health-status.poor{color:#ef4444}.score-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.breakdown-item{text-align:center}.breakdown-label{display:block;font-size:.75rem;color:#718096;margin-bottom:.25rem}.breakdown-value{display:block;font-size:.875rem;font-weight:600;color:#2d3748}.metrics-grid{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:1rem}.metric-item{display:flex;flex-direction:column;gap:.5rem}.metric-header{display:flex;justify-content:space-between;align-items:center}.metric-label{font-size:.875rem;font-weight:500;color:#4a5568}.metric-value{font-size:.875rem;font-weight:600;color:#2d3748}.progress-bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.progress-fill.order-frequency{background:#10b981}.progress-fill.payment-speed{background:#3b82f6}.progress-fill.engagement{background:#8b5cf6}.progress-fill.order-growth{background:#f59e0b}.progress-fill.responsiveness{background:#ec4899}.statistics-grid{padding:1.5rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px}.stat-content{flex:1}.stat-value{font-size:1.5rem;font-weight:700;color:#2d3748;line-height:1}.stat-label{font-size:.75rem;color:#718096;margin-top:.25rem}.growth-indicator{padding:1rem 1.5rem;background:#f0fff4;border-top:1px solid #c6f6d5;display:flex;justify-content:space-between;align-items:center}.growth-label{font-size:.875rem;font-weight:500;color:#2f855a}.growth-value{font-size:1rem;font-weight:600;color:#2f855a}.no-selection,.loading-state,.error-state,.no-data{padding:3rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.no-selection-icon,.error-icon,.no-data-icon{font-size:3rem;opacity:.5}.loading-state .spinner{width:2rem;height:2rem;border:2px solid #e2e8f0;border-left:2px solid #3182ce;border-radius:50%;animation:spin 1s linear infinite}.no-selection p,.loading-state p,.error-state p,.no-data p{margin:0;color:#718096;font-size:1rem}.error-detail,.no-data-detail{font-size:.875rem;color:#a0aec0;text-align:center;max-width:300px}.btn-retry{background:#3182ce;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background .2s}.btn-retry:hover{background:#2c5aa0}@media(max-width:768px){.insights-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-right{width:100%;justify-content:space-between}.score-breakdown,.statistics-grid{grid-template-columns:1fr}.score-main{flex-direction:column;text-align:center}}.communication-timeline{box-sizing:border-box;width:100%;background:var(--ct-bg);color:var(--ct-foreground);border:1px solid var(--ct-border);border-radius:var(--ct-radius);padding:12px;display:block;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;box-shadow:var(--ct-shadow)}.communication-timeline__list{list-style:none;margin:0;padding:8px 0;position:relative}.communication-timeline__list:before{content:"";position:absolute;left:28px;top:8px;bottom:8px;width:var(--ct-timeline-width);background:var(--ct-border);border-radius:1px;transform-origin:top}.communication-timeline__item{position:relative;padding:10px 12px 10px 64px;margin-bottom:6px;display:flex;gap:12px;align-items:flex-start;transition:background var(--ct-transition);border-radius:8px}.communication-timeline__item:hover,.communication-timeline__item:focus-within{background:var(--ct-item-bg)}.communication-timeline__marker{position:absolute;left:20px;top:18px;width:16px;height:16px;border-radius:50%;background:var(--ct-accent);border:3px solid var(--ct-bg);box-shadow:0 1px #0000000a;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:600}.communication-timeline__marker--sent{background:var(--ct-accent)}.communication-timeline__marker--received{background:#6b7280}.communication-timeline__marker--error{background:var(--ct-danger)}.communication-timeline__marker--success{background:var(--ct-success)}.communication-timeline__content{flex:1 1 auto;min-width:0}.communication-timeline__header{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:4px}.communication-timeline__meta{display:flex;gap:8px;align-items:center;min-width:0}.communication-timeline__title{font-weight:600;color:var(--ct-foreground);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.communication-timeline__badge{font-size:11px;color:#fff;background:var(--ct-accent);padding:2px 6px;border-radius:999px;display:inline-flex;align-items:center;gap:6px}.communication-timeline__time{color:var(--ct-muted);font-size:12px;white-space:nowrap}.communication-timeline__message{background:#fff;border:1px solid var(--ct-border);padding:10px;border-radius:8px;font-size:13px;color:var(--ct-foreground);box-shadow:0 1px #10182805;word-break:break-word}.communication-timeline__attachments{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.communication-timeline__attachment{background:#fafafa;border:1px dashed var(--ct-border);padding:6px 8px;border-radius:6px;font-size:12px;color:var(--ct-muted)}.communication-timeline__actions{display:flex;gap:6px;align-items:center}.communication-timeline__action{background:transparent;border:none;color:var(--ct-accent);font-size:13px;padding:6px;border-radius:6px;cursor:pointer;transition:background var(--ct-transition),transform var(--ct-transition)}.communication-timeline__action:hover{background:#2563eb14;transform:translateY(-1px)}.communication-timeline--compact .communication-timeline__item{padding-left:56px;padding-top:6px;padding-bottom:6px}.communication-timeline--compact .communication-timeline__message{padding:8px;font-size:12px}.communication-timeline__item--left{padding-left:64px;text-align:left}.communication-timeline__item--right{padding-left:64px;text-align:right}.communication-timeline__item--right .communication-timeline__marker{left:auto;right:20px}.communication-timeline__item:focus-within,.communication-timeline__action:focus{outline:3px solid rgba(37,99,235,.12);outline-offset:2px}.communication-timeline__empty{padding:24px;text-align:center;color:var(--ct-muted);font-size:14px}@media(prefers-color-scheme:dark){:root{--ct-bg: #0b1220;--ct-foreground: #e6eef8;--ct-muted: #9aa8bf;--ct-accent: #3b82f6;--ct-border: rgba(255,255,255,.06);--ct-shadow: 0 4px 18px rgba(2,6,23,.6);--ct-item-bg: rgba(255,255,255,.02)}.communication-timeline{border-color:var(--ct-border);box-shadow:var(--ct-shadow);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}.communication-timeline__message{background:#ffffff05;border-color:#ffffff0a;color:var(--ct-foreground)}.communication-timeline__attachment{background:#ffffff05;border-color:#ffffff0a;color:var(--ct-muted)}}@media(prefers-reduced-motion:reduce){.communication-timeline__action,.communication-timeline__item{transition:none}}@media print{.communication-timeline{box-shadow:none;border:none;background:#fff;color:#000}}.u-hidden{display:none!important}.u-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:520px){.communication-timeline__item{padding-left:56px;padding-right:12px}.communication-timeline__marker{left:14px}.communication-timeline__list:before{left:22px}.communication-timeline__title{font-size:13px}}.fulist-root{padding:20px;max-width:100%}.ful-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.ful-error{background:#fee;border:1px solid #f5c6cb;border-radius:8px;padding:20px;text-align:center;color:#721c24}.retry-button{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-top:10px}.ful-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.ful-filters{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s}.filter-btn.active{background:#007bff;color:#fff;border-color:#007bff}.filter-btn:hover:not(.active){background:#f8f9fa}.ful-search{flex:1;max-width:300px;min-width:200px}.search-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.ful-stats{margin-bottom:15px;padding:10px 0;border-bottom:1px solid #eee}.stat-count{font-weight:600;color:#555}.ful-empty{text-align:center;padding:40px;color:#666;background:#f9f9f9;border-radius:8px}.clear-search-btn{background:#6c757d;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;margin-top:10px}.ful-list{display:flex;flex-direction:column;gap:12px}@media(max-width:600px){.ful-controls{flex-direction:column;align-items:stretch}.ful-search{max-width:100%}}.fui-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-bottom:8px;position:relative;transition:all .2s ease;cursor:pointer}.fui-item:hover{box-shadow:0 2px 8px #0000001a;border-color:#007bff}.fui-item.overdue{border-left:4px solid #dc3545;background:#fff5f5}.fui-item.completed{opacity:.7;background:#f8f9fa}.fui-item.completed .fui-title{text-decoration:line-through}.fui-main{display:grid;grid-template-columns:4px 1fr 2fr auto 40px;gap:12px;align-items:start}.fui-priority-indicator{width:4px;height:100%;border-radius:2px;margin-top:2px}.fui-client{min-width:150px}.fui-client-name{font-weight:600;color:#333;margin-bottom:4px}.fui-client-email,.fui-client-phone{font-size:12px;color:#666;margin-bottom:2px}.fui-details{flex:1}.fui-title{font-weight:600;color:#333;margin-bottom:4px;font-size:15px}.fui-description{color:#666;font-size:13px;line-height:1.4;margin-bottom:8px}.fui-meta{display:flex;gap:8px;flex-wrap:wrap}.fui-type{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.badge-reminder{background:#e3f2fd;color:#1976d2}.badge-follow_up{background:#f3e5f5;color:#7b1fa2}.badge-payment{background:#e8f5e8;color:#2e7d32}.badge-delivery{background:#fff3e0;color:#f57c00}.badge-meeting{background:#e1f5fe;color:#0288d1}.fui-status{font-size:11px;font-weight:600;text-transform:capitalize}.fui-due-date{text-align:right;min-width:120px}.fui-due-text{font-weight:600;margin-bottom:2px;font-size:13px}.fui-due-full{font-size:11px;color:#666}.fui-actions-toggle{display:flex;align-items:center;justify-content:center}.actions-toggle-btn{background:none;border:none;font-size:18px;color:#666;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.actions-toggle-btn:hover{background:#f5f5f5}.actions-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.fui-actions-expanded{margin-top:12px;padding-top:12px;border-top:1px solid #e0e0e0;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fui-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:12px}.fui-action-btn{padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;font-size:12px;transition:all .2s;text-align:center}.fui-action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.fui-action-btn:disabled{opacity:.5;cursor:not-allowed}.action-complete{border-color:#28a745;color:#28a745}.action-complete:hover:not(:disabled){background:#28a745;color:#fff}.action-snooze{border-color:#ffc107;color:#ffc107}.action-snooze:hover:not(:disabled){background:#ffc107;color:#fff}.action-retry{border-color:#17a2b8;color:#17a2b8}.action-retry:hover:not(:disabled){background:#17a2b8;color:#fff}.action-edit{border-color:#007bff;color:#007bff}.action-edit:hover:not(:disabled){background:#007bff;color:#fff}.action-delete{border-color:#dc3545;color:#dc3545}.action-delete:hover:not(:disabled){background:#dc3545;color:#fff}.fui-close-actions{background:#6c757d;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;width:100%}.fui-close-actions:hover{background:#5a6268}.fui-loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;border-radius:8px}.fui-loading-spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.fui-main{grid-template-columns:4px 1fr auto;grid-template-areas:"priority client actions" "priority details details" "priority due-date due-date";gap:8px}.fui-priority-indicator{grid-area:priority}.fui-client{grid-area:client}.fui-details{grid-area:details}.fui-due-date{grid-area:due-date;text-align:left;display:flex;gap:8px}.fui-actions-toggle{grid-area:actions}.fui-actions-grid{grid-template-columns:1fr}}.fui-no-actions{text-align:center;color:#666;font-size:13px;padding:12px 0}.fui-no-actions-icon{font-size:24px;margin-bottom:8px}.fui-no-actions-text{font-size:14px}.fui-no-actions-subtext{font-size:12px}.fui-highlight{background-color:#fff3cd;border-left:4px solid #ffecb5}.fui-highlight .fui-title,.fui-highlight .fui-due-text{color:#856404}.fui-overdue-highlight{background-color:#f8d7da;border-left:4px solid #f5c6cb}.fui-overdue-highlight .fui-title,.fui-overdue-highlight .fui-due-text{color:#721c24}.fui-error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;padding:12px;margin-top:10px;font-size:13px;color:#721c24;margin-bottom:0}.fui-error-message strong{font-weight:600}.fui-loading-spinner{width:24px;height:24px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.fui-loading-overlay{position:absolute;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;border-radius:8px}.fu-modal-backdrop{position:fixed;inset:0;background:#060a1280;display:flex;align-items:center;justify-content:center;z-index:9999;padding:14px}.fu-modal{width:720px;max-width:98%;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 10px 40px #02061733;font-family:Inter,system-ui,sans-serif}.fu-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #eef2f7}.fu-modal-header h3{margin:0;color:#0b3a6f}.fu-close{background:transparent;border:none;font-size:20px;cursor:pointer}.fu-modal-body{padding:14px 18px;display:flex;flex-direction:column;gap:10px}.fu-label{font-weight:600;font-size:13px;margin-bottom:6px}.fu-input,.fu-textarea{width:100%;padding:8px 10px;border:1px solid #e6edf3;border-radius:8px;font-size:14px;box-sizing:border-box}.fu-textarea{min-height:100px;resize:vertical}.fu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.notify-chips{display:flex;gap:8px;align-items:center}.chip{display:flex;gap:6px;align-items:center;padding:6px 10px;border-radius:8px;border:1px solid #e6edf3;cursor:pointer;background:#f8fafc}.chip.active{background:#e6f4ff;border-color:#bfe1ff}.recurrence-block{margin-top:4px}.recurrence-help{color:#6b7280;font-size:12px;margin-top:6px}.fu-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:12px 18px;border-top:1px solid #eef2f7}.btn-cancel{padding:8px 12px;background:#f3f4f6;border:1px solid #e6edf3;border-radius:8px;cursor:pointer}.btn-save{padding:8px 12px;background:#0b69ff;color:#fff;border:none;border-radius:8px;cursor:pointer}.fu-error{margin-top:6px;padding:8px;background:#fff1f0;color:#b91c1c;border-radius:6px;border:1px solid #fecaca}.followup-editor__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.followup-editor__title{font-weight:600;font-size:1.05rem}.followup-editor__subtitle{color:var(--muted);font-size:.9rem}.followup-editor__form{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}@media(max-width:840px){.followup-editor__form{grid-template-columns:1fr}}.editor-main{display:flex;flex-direction:column;gap:10px}.field__label{font-size:.85rem;color:var(--muted)}.field__control{display:flex;align-items:center;gap:8px}.input,.select,.date-input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:#fff;color:var(--text);font-size:.95rem;transition:box-shadow var(--transition),border-color var(--transition);box-sizing:border-box}.input:focus,.select:focus,.date-input:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 4px 12px #2563eb14}.textarea{min-height:110px;max-height:360px;padding:12px;resize:vertical;line-height:1.45;border-radius:8px;border:1px solid var(--border);background:#fff}.editor-side{display:flex;flex-direction:column;gap:12px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#f1f5f9;color:var(--text);font-size:.85rem;border:1px solid var(--border)}.tag .remove{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;transition:color var(--transition),background var(--transition)}.tag .remove:hover{color:var(--danger);background:#ef44440f}.priority{display:flex;gap:8px;align-items:center}.priority__dot{width:12px;height:12px;border-radius:2px}.priority--high .priority__dot{background:var(--danger)}.priority--medium .priority__dot{background:var(--accent)}.priority--low .priority__dot{background:var(--success)}.date-time{display:flex;gap:8px;align-items:center}.date-time .date-input{width:100%}.attachments{display:flex;flex-direction:column;gap:8px}.attachment{display:flex;gap:8px;align-items:center;padding:8px;border-radius:8px;background:#fff;border:1px solid var(--border)}.attachment__thumb{width:44px;height:44px;border-radius:6px;background:#eef2ff;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);font-weight:600}.actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.btn{padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:#fff;color:var(--text);cursor:pointer;font-weight:600;transition:transform var(--transition),box-shadow var(--transition),background var(--transition)}.btn-primary{background:linear-gradient(180deg,var(--accent) 0%,var(--accent-600) 100%);color:#fff;border-color:transparent;box-shadow:0 6px 16px #2563eb26}.btn-primary:hover{filter:brightness(.98)}.btn-secondary{background:transparent}.helper-text{font-size:.8rem;color:var(--muted)}.followup-list{margin-top:6px;display:flex;flex-direction:column;gap:8px}.followup-item{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:8px;background:#fff;border:1px solid var(--border)}.followup-item__meta{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:.85rem}.empty{text-align:center;color:var(--muted);padding:18px;background:#fbfdff;border-radius:8px;border:1px dashed var(--border)}.flex{display:flex}.space-between{justify-content:space-between}.center{align-items:center}.muted{color:var(--muted)}@media(max-width:420px){.followup-editor{padding:12px}.btn{padding:8px;font-size:.9rem}.followup-editor__form{gap:10px}}.fu-timeline{background:#fff;padding:12px;border-radius:8px;box-shadow:0 1px 6px #0000000a;font-family:Inter,sans-serif}.fu-timeline h4{margin:0 0 10px;color:#0b3a6f}.timeline-list{display:flex;flex-direction:column;gap:10px}.timeline-item{display:flex;gap:12px;align-items:flex-start}.timeline-left{width:28px;display:flex;justify-content:center}.timeline-dot{width:10px;height:10px;border-radius:50%;background:#0b69ff;margin-top:6px}.timeline-right{flex:1;background:#f8fafc;padding:10px;border-radius:8px;border:1px solid #eef2f7}.timeline-meta{display:flex;justify-content:space-between;color:#475569;font-size:13px;margin-bottom:6px}.timeline-action{font-weight:700;color:#0b3a6f}.timeline-body{font-size:14px;color:#111827}.provider-response{background:#fff;padding:8px;border-radius:6px;border:1px solid #e6edf3;margin-top:6px;overflow:auto;max-height:160px}.empty{color:#6b7280;padding:10px;text-align:center}.loader{color:#0b69ff;font-weight:600}.followup-calendar{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000001a}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.calendar-navigation{display:flex;align-items:center;gap:1rem}.calendar-navigation button{padding:.5rem;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}.view-toggles{display:flex;gap:.5rem}.view-toggles button{padding:.5rem 1rem;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}.view-toggles button.active{background:#007bff;color:#fff}.calendar-grid{display:flex;flex-direction:column}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#ddd}.weekday-header{background:#f8f9fa;padding:.5rem;text-align:center;font-weight:700}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#ddd}.calendar-day{background:#fff;min-height:120px;padding:.5rem;border:1px solid #e9ecef}.calendar-day.other-month{background:#f8f9fa;color:#6c757d}.day-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.day-number{font-weight:700}.day-events{display:flex;flex-direction:column;gap:2px}.calendar-event{background:#e3f2fd;border-left:3px solid #2196f3;padding:2px 4px;border-radius:2px;font-size:.75rem;cursor:pointer}.calendar-event:hover{background:#bbdefb}.event-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-time{font-size:.7rem;color:#666}.more-events{font-size:.7rem;color:#007bff;cursor:pointer;padding:2px 4px}.calendar-legend{display:flex;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #ddd}.legend-item{display:flex;align-items:center;gap:.5rem}.priority-dot{width:8px;height:8px;border-radius:50%}.priority-dot.high{background:#f44}.priority-dot.medium{background:#fa0}.priority-dot.low{background:#4f4}.legend-text{font-size:.85rem;color:#555}.followup-analytics{padding:1rem;background:#fff;border-radius:8px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.metric-card{background:#f8f9fa;padding:1.5rem;border-radius:8px;text-align:center;border-left:4px solid #007bff}.metric-value{font-size:2rem;font-weight:700;color:#007bff;margin-bottom:.5rem}.metric-label{color:#6c757d;font-size:.9rem}.analytics-section{margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:8px}.analytics-section h4{margin-bottom:1rem;color:#2c3e50}.distribution-grid{display:flex;flex-direction:column;gap:.5rem}.distribution-item{display:flex;align-items:center;gap:1rem}.distribution-bar{flex:1;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.distribution-fill{height:100%;border-radius:4px;transition:width .3s ease}.distribution-fill.high{background:#f44}.distribution-fill.medium{background:#fa0}.distribution-fill.low{background:#4f4}.distribution-label{display:flex;align-items:center;gap:.5rem;min-width:120px}.performance-grid{display:flex;flex-direction:column;gap:.75rem}.performance-item{display:flex;align-items:center;gap:1rem}.performance-type{min-width:120px;text-transform:capitalize}.performance-bar{flex:1;height:20px;background:#e9ecef;border-radius:10px;overflow:hidden}.performance-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s ease}.performance-rate{min-width:50px;text-align:right;font-weight:700}.correlation-metrics{display:flex;flex-direction:column;gap:.5rem}.correlation-item{display:flex;justify-content:space-between;padding:.5rem;background:#fff;border-radius:4px}.correlation-note{padding:.75rem;background:#e3f2fd;border-radius:4px;border-left:4px solid #2196f3;margin-top:.5rem}.background-elements{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.floating-shapes{position:relative;width:100%;height:100%}.shape{position:absolute;border-radius:50%;background:var(--gold-gradient);opacity:.1;animation:float 6s ease-in-out infinite}.shape-1{width:200px;height:200px;top:10%;left:5%;animation-delay:0s}.shape-2{width:150px;height:150px;top:60%;right:10%;animation-delay:2s}.shape-3{width:100px;height:100px;bottom:20%;left:15%;animation-delay:4s}.success-toast{position:fixed;top:20px;right:20px;background:var(--gold-gradient);color:var(--bg-dark);padding:16px 24px;border-radius:12px;box-shadow:var(--shadow-gold);z-index:1000;transform:translate(400px);opacity:0;transition:all .5s cubic-bezier(.68,-.55,.265,1.55)}.success-toast.show{transform:translate(0);opacity:1}.toast-content{display:flex;align-items:center;gap:12px;font-weight:600}.toast-icon{font-size:1.2em}.dashboard-container{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:20px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid var(--border-gold);margin-bottom:30px}.dashboard-title{font-size:2.5rem;font-weight:700;background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.gold-text{background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-subtitle{color:var(--text-secondary);font-size:1.1rem;font-weight:400}.header-actions{display:flex;align-items:center;gap:16px}.btn-gold{background:var(--gold-gradient);color:var(--bg-dark);border:none;padding:12px 24px;border-radius:50px;font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:var(--shadow-gold)}.btn-gold:hover{box-shadow:var(--shadow-gold-hover);transform:translateY(-2px)}.btn-gold-outline{background:transparent;color:var(--gold-primary);border:2px solid var(--gold-primary);padding:10px 22px;border-radius:50px;font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.btn-gold-outline:hover{background:var(--gold-primary);color:var(--bg-dark);transform:translateY(-2px)}.btn-icon{font-size:1.1em}.dashboard-nav{margin-bottom:30px}.nav-tabs{display:flex;gap:8px;flex-wrap:wrap;background:var(--bg-card);padding:8px;border-radius:16px;border:1px solid var(--border-gold)}.nav-tab{position:relative;background:transparent;border:none;color:var(--text-secondary);padding:12px 20px;border-radius:12px;cursor:pointer;font-weight:500;font-size:.9rem;display:flex;align-items:center;gap:8px;transition:all .3s ease}.nav-tab:hover{color:var(--gold-primary);background:#ffd7001a}.nav-tab.active{color:var(--bg-dark);background:var(--gold-gradient)}.active-indicator{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--bg-dark);border-radius:50%}.tab-icon{font-size:1.1em}.dashboard-main{min-height:60vh}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:var(--bg-card);padding:24px;border-radius:20px;border:1px solid var(--border-gold);display:flex;align-items:center;gap:16px;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold-gradient)}.stat-card.gold:before{background:var(--gold-gradient)}.stat-card.blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.stat-card.green:before{background:linear-gradient(90deg,#10b981,#34d399)}.stat-card.red:before{background:linear-gradient(90deg,#ef4444,#f87171)}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-gold-hover)}.stat-icon{font-size:2.5rem;opacity:.8}.stat-content h3{font-size:2rem;font-weight:700;margin-bottom:4px}.stat-content p{color:var(--text-secondary);font-size:.9rem}.stat-trend{margin-left:auto;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.stat-trend.up{background:#10b98133;color:#10b981}.stat-trend.down{background:#ef444433;color:#ef4444}.quick-actions-section{margin-bottom:40px}.quick-actions-section h3{font-size:1.5rem;margin-bottom:20px;color:var(--text-primary)}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.quick-action-btn{background:var(--bg-card);border:2px solid var(--border-gold);padding:24px 16px;border-radius:16px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px;transition:all .3s ease;font-weight:600}.quick-action-btn:hover{background:var(--gold-gradient);color:var(--bg-dark);border-color:transparent;transform:translateY(-3px);box-shadow:var(--shadow-gold-hover)}.action-icon{font-size:2rem}.profile-selection-section{margin-bottom:40px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{font-size:1.5rem;color:var(--text-primary)}.selection-controls{display:flex;align-items:center;gap:16px}.selection-count{color:var(--gold-primary);font-weight:600}.profiles-scroll-container{max-height:400px;overflow-y:auto;border:1px solid var(--border-gold);border-radius:16px;padding:16px;background:var(--bg-card)}.profiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.profile-card{background:var(--bg-card);border:2px solid transparent;border-radius:12px;padding:16px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s ease;position:relative}.profile-card:hover{border-color:var(--gold-primary);background:var(--bg-card-hover);transform:translateY(-2px)}.profile-card.selected{border-color:var(--gold-primary);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(255,215,0,.1) 100%)}.profile-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;background:var(--gold-gradient);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--bg-dark)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.profile-info{flex:1}.profile-info h5{font-size:1rem;margin-bottom:4px;color:var(--text-primary)}.profile-info p{color:var(--text-secondary);font-size:.85rem;margin-bottom:2px}.profile-contact{font-size:.8rem!important;color:var(--gold-primary)!important}.selection-indicator{width:20px;height:20px;border:2px solid var(--border-gold);border-radius:50%;display:flex;align-items:center;justify-content:center}.checkmark{width:12px;height:12px;background:var(--gold-gradient);border-radius:50%}.recent-followups-section{margin-bottom:40px}.recent-followups-section h3{font-size:1.5rem;margin-bottom:20px;color:var(--text-primary)}.recent-list{display:flex;flex-direction:column;gap:12px}.recent-item{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-gold);overflow:hidden;cursor:pointer;transition:all .3s ease}.recent-item:hover{transform:translate(5px);box-shadow:var(--shadow-gold)}.reminder-sidebar{position:fixed;top:0;right:0;width:350px;height:100vh;background:var(--bg-card);border-left:1px solid var(--border-gold);z-index:100;padding:20px;overflow-y:auto}.right-panel-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1000;display:flex;justify-content:flex-end}.right-panel-content{width:400px;height:100%;background:var(--bg-card);border-left:1px solid var(--border-gold);padding:24px;overflow-y:auto}.panel-content h4{color:var(--gold-primary);margin-bottom:20px;font-size:1.3rem}.profiles-scroll-container::-webkit-scrollbar,.reminder-sidebar::-webkit-scrollbar,.right-panel-content::-webkit-scrollbar{width:6px}.profiles-scroll-container::-webkit-scrollbar-track,.reminder-sidebar::-webkit-scrollbar-track,.right-panel-content::-webkit-scrollbar-track{background:var(--bg-card)}.profiles-scroll-container::-webkit-scrollbar-thumb,.reminder-sidebar::-webkit-scrollbar-thumb,.right-panel-content::-webkit-scrollbar-thumb{background:var(--gold-primary);border-radius:3px}@media(max-width:1200px){.dashboard-container{padding:15px}.stats-overview,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-header{flex-direction:column;gap:20px;text-align:center}.nav-tabs{overflow-x:auto;flex-wrap:nowrap}.stats-overview,.quick-actions-grid,.profiles-grid{grid-template-columns:1fr}.reminder-sidebar{width:100%;height:300px;bottom:0;top:auto}.right-panel-content{width:100%}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.loading-shimmer{animation:shimmer 1.5s infinite linear;background:linear-gradient(to right,#1a1a1a 8%,#252525 18%,#1a1a1a 33%);background-size:800px 104px}.gold-glow{box-shadow:0 0 20px #ffd7004d}.gold-glow:hover{box-shadow:0 0 30px #ffd70080}.animated-text{background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textShine 3s ease-in-out infinite alternate}@keyframes textShine{0%{background-position:0% 50%}to{background-position:100% 50%}}.pulse-gold{animation:pulseGold 2s infinite}@keyframes pulseGold{0%,to{box-shadow:0 0 20px #ffd70066}50%{box-shadow:0 0 30px #ffd700cc}}.client-quick-add-modal{display:flex;flex-direction:column;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.client-quick-add-modal h2{margin-bottom:15px;font-size:24px;color:#333}.client-quick-add-modal input{margin-bottom:10px;padding:10px;border:1px solid #ccc;border-radius:4px}.client-quick-add-modal button{padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.client-quick-add-modal button:hover{background-color:#0056b3}.follow-up-wizard{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:20px;max-width:600px;margin:20px auto;box-shadow:0 2px 10px #0000001a}.follow-up-wizard h2{font-size:24px;color:#333;margin-bottom:15px}.follow-up-wizard .form-group{margin-bottom:15px}.follow-up-wizard label{display:block;font-weight:700;margin-bottom:5px}.follow-up-wizard input[type=text],.follow-up-wizard input[type=email],.follow-up-wizard textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px}.follow-up-wizard button{background-color:#007bff;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer}.follow-up-wizard button:hover{background-color:#0056b3}.srs-btn--primary{background:linear-gradient(180deg,#2b6ef6,var(--srs-accent));color:#fff;border:none;box-shadow:0 8px 20px #2563eb1f}.srs-btn--danger{background:#ef444414;color:var(--srs-danger);border:1px solid rgba(239,68,68,.12)}.srs-list{display:flex;flex-direction:column;gap:10px;max-height:320px;overflow:auto;padding-right:6px}.srs-item{background:var(--srs-surface);border:1px solid var(--srs-border);padding:12px;border-radius:8px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;transition:box-shadow var(--srs-transition),transform var(--srs-transition)}.srs-item:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0f172a0f}.srs-item__meta{display:flex;gap:10px;align-items:center}.srs-checkbox{width:18px;height:18px;border-radius:4px;border:1px solid var(--srs-border);background:#fff;flex:0 0 18px}.srs-item__title{font-weight:600;font-size:.95rem;margin:0}.srs-item__details{font-size:.82rem;color:var(--srs-muted);margin-top:4px}.srs-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;font-size:.75rem;border-radius:999px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:#fff}.srs-badge--low{background:linear-gradient(180deg,#10b981,#059669)}.srs-badge--medium{background:linear-gradient(180deg,#f97316,#f59e0b)}.srs-badge--high{background:linear-gradient(180deg,#ef4444,#dc2626)}.srs-badge--due{background:linear-gradient(180deg,#2563eb,#1e40af)}.srs-actions{display:flex;gap:8px;align-items:center}.srs-icon-btn{width:36px;height:36px;border-radius:8px;display:inline-grid;place-items:center;background:transparent;border:1px solid transparent;color:var(--srs-muted);cursor:pointer;transition:background var(--srs-transition),color var(--srs-transition)}.srs-icon-btn:hover{background:#0f172a0a;color:var(--srs-text)}.srs-empty{padding:28px;text-align:center;color:var(--srs-muted);border-radius:var(--srs-radius);background:linear-gradient(180deg,rgba(37,99,235,.03),transparent);border:1px dashed var(--srs-border)}.srs-form{display:flex;gap:8px;align-items:center;padding-top:6px}.srs-input,.srs-select,.srs-datetime{background:#fff;border:1px solid var(--srs-border);padding:8px 10px;border-radius:6px;font-size:.9rem;color:var(--srs-text);outline:none;transition:border-color var(--srs-transition),box-shadow var(--srs-transition)}.srs-input:focus,.srs-select:focus,.srs-datetime:focus{border-color:#2563eb47;box-shadow:0 6px 18px #2563eb14}.srs-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:60;background:#0b0f1773;padding:20px}.srs-modal--open{display:flex}.srs-modal__panel{background:var(--srs-bg);width:100%;max-width:720px;border-radius:12px;padding:20px;box-shadow:0 22px 60px #0f172a80;border:1px solid rgba(255,255,255,.02)}.srs-meta-row{display:flex;gap:12px;align-items:center;color:var(--srs-muted);font-size:.88rem}.srs-separator{height:1px;background:var(--srs-border);margin:6px 0;border-radius:1px}.srs-focusable:focus{outline:3px solid rgba(37,99,235,.14);outline-offset:2px}.smart-reminder--compact{padding:12px;gap:8px}.smart-reminder--compact .srs-item{padding:8px}@media(max-width:640px){.smart-reminder{padding:12px}.srs-list{max-height:240px}.srs-item{grid-template-columns:1fr;gap:8px}.srs-actions{justify-content:flex-end}}.segment-builder{background:#fff;border-radius:8px;padding:24px;max-width:1000px;margin:0 auto}.sb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #e1e5e9}.sb-header h2{margin:0;color:#1a1d21;font-size:24px;font-weight:600}.sb-actions{display:flex;gap:12px}.sb-section{margin-bottom:32px;padding:24px;border:1px solid #e1e5e9;border-radius:8px;background:#fafbfc}.sb-section h3{margin:0 0 20px;color:#1a1d21;font-size:18px;font-weight:600}.sb-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sb-section-header h3{margin:0}.sb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;margin-bottom:6px;color:#2d3748}.form-group input,.form-group select{padding:10px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.checkbox-group{flex-direction:row;align-items:center;gap:8px}.checkbox-group label{margin:0;display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-group input[type=checkbox]{width:16px;height:16px}.sb-empty-rules{text-align:center;padding:40px 20px;color:#718096;background:#fff;border:2px dashed #cbd5e0;border-radius:8px}.sb-rules-list{display:flex;flex-direction:column;gap:16px}.rule-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.rule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.rule-number{font-weight:600;color:#2d3748}.btn-remove{background:#fed7d7;color:#c53030;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:background .2s}.btn-remove:hover{background:#feb2b2}.rule-fields{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px;align-items:start}.field-group{display:flex;flex-direction:column}.field-group label{font-size:12px;font-weight:600;text-transform:uppercase;color:#718096;margin-bottom:4px}.field-description{font-size:11px;color:#a0aec0;margin-top:4px;line-height:1.3}.value-between{display:flex;align-items:center;gap:8px}.value-between input{flex:1}.value-between span{color:#718096;font-size:12px;white-space:nowrap}.sb-preview{background:#e6fffa;border:1px solid #81e6d9;border-radius:6px;padding:16px;margin-top:20px}.preview-count{font-size:18px;font-weight:600;color:#234e52;margin-bottom:4px}.preview-note{font-size:12px;color:#4fd1c7}.btn-primary{background:#3182ce;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:#2c5aa0}.btn-primary:disabled{background:#a0aec0;cursor:not-allowed}.btn-secondary{background:#fff;color:#4a5568;border:1px solid #cbd5e0;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f7fafc;border-color:#a0aec0}.btn-outline{background:#fff;color:#3182ce;border:1px solid #3182ce;padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-outline:hover{background:#3182ce;color:#fff}.segment-builder-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3182ce;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@media(max-width:768px){.segment-builder{padding:16px}.sb-header{flex-direction:column;gap:16px;align-items:stretch}.sb-form-grid{grid-template-columns:1fr}.rule-fields{grid-template-columns:1fr;gap:12px}.sb-actions{justify-content:stretch}.sb-actions button{flex:1}}.automation-manager{min-height:100vh;background:linear-gradient(135deg,#0c0c0c,#1a1a1a,#0c0c0c);position:relative;overflow-x:hidden;color:#fff}.orb-1{width:300px;height:300px;background:radial-gradient(circle,#25D366 0%,transparent 70%);top:10%;left:10%;animation-delay:0s}.floating-particle{position:absolute;width:4px;height:4px;background:#25d366;border-radius:50%;animation:particle-float 8s ease-in-out infinite}.am-header{position:relative;z-index:10;padding:40px 0 20px;background:linear-gradient(180deg,rgba(12,12,12,.9) 0%,transparent 100%)}.am-nav{position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:0 20px 30px;display:flex;justify-content:space-between;align-items:center;gap:30px}.nav-tabs{display:flex;gap:4px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,.1);border-radius:12px;padding:4px;flex-wrap:wrap}.nav-tab{background:transparent;border:none;color:#888;padding:12px 20px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;transition:all .3s ease;position:relative;font-size:.9rem}.btn-create-automation{background:linear-gradient(135deg,#25d366,#ffed4e);border:none;border-radius:25px;padding:12px 24px;color:#000;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;position:relative;overflow:hidden;transition:all .3s ease;white-space:nowrap}.btn-create-automation:disabled{background:#666;cursor:not-allowed}.btn-create-automation:not(:disabled):hover .btn-glow{left:100%}.am-main{position:relative;z-index:5;max-width:1400px;margin:0 auto;padding:0 20px 40px}.automation-content{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:start}.automations-section,.logs-section{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,.1);border-radius:20px;padding:24px;position:relative;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.section-header h2{margin:0;color:gold;font-size:1.5rem;font-weight:600}.btn-refresh{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 16px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9rem}.btn-refresh:hover{background:#ffd70033;border-color:#ffd70066}.automations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.automation-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-left:4px solid #ffd700;border-radius:16px;padding:20px;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer}.automation-type{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600}.type-icon{font-size:1.2rem}.automation-name{font-size:1.2rem;font-weight:700;margin:0 0 8px;color:#fff}.automation-description{color:#888;font-size:.9rem;line-height:1.4;margin:0 0 16px}.automation-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.stat{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-value{font-size:1rem;font-weight:700;color:gold}.stat-label{font-size:.7rem;color:#666;text-transform:uppercase;letter-spacing:1px;margin-top:2px}.last-executed{font-size:.8rem;color:#888;text-align:center}.card-actions{display:flex;gap:8px;justify-content:center}.btn-action{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.btn-action:hover{transform:scale(1.1)}.btn-action.execute:hover{background:#25d36633;border-color:#25d36666}.btn-action.toggle:hover{background:#ffd70033;border-color:#ffd70066}.card-border{position:absolute;inset:0;border-radius:16px;padding:2px;background:linear-gradient(135deg,#ffd7004d,#ffd7001a,#ffd7004d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .3s ease}.automation-card:hover .card-border{opacity:1}.logs-list{max-height:400px;overflow-y:auto}.log-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;background:#ffffff08;margin-bottom:8px;transition:all .3s ease}.log-item:hover{background:#ffffff14}.log-icon{font-size:1.2rem;opacity:.7}.log-content{flex:1}.log-title{font-weight:600;font-size:.9rem;margin-bottom:2px}.log-meta{font-size:.8rem;color:#888}.log-status{padding:4px 8px;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase}.log-status.completed{background:#22c55e33;color:#22c55e}.empty-logs{text-align:center;padding:40px 20px;color:#666}.empty-logs .empty-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-state p{margin-bottom:30px;font-size:1rem;line-height:1.5}.automation-notification{position:fixed;top:20px;right:20px;padding:16px 24px;border-radius:12px;font-weight:600;z-index:1000;transform:translate(400px);opacity:0;transition:all .3s ease;box-shadow:0 8px 25px #0000004d}.automation-notification.show{transform:translate(0);opacity:1}.automation-notification.success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.automation-notification.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.automation-notification.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.automation-notification.info{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.modal-content.large{max-width:1000px;max-height:85vh}.automation-builder{padding:0}.builder-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff05}.builder-header h2{margin:0;color:gold}.builder-actions{display:flex;gap:12px}.builder-content{padding:24px;max-height:60vh;overflow-y:auto}.automation-manager-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#0c0c0c}@media(max-width:1200px){.automation-content{grid-template-columns:1fr;gap:20px}.automations-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.am-nav{flex-direction:column;gap:20px}.nav-tabs{width:100%;overflow-x:auto;justify-content:flex-start}.nav-tab{white-space:nowrap}.automations-grid{grid-template-columns:1fr}.automation-stats{grid-template-columns:repeat(3,1fr)}.section-header{flex-direction:column;gap:12px;align-items:flex-start}.modal-content.large{margin:10px;width:calc(100% - 20px)}}@media(max-width:480px){.automations-section,.logs-section{padding:16px}.card-actions{flex-wrap:wrap;justify-content:center}.btn-action{width:32px;height:32px;font-size:.8rem}.automation-stats{gap:8px}.stat-value{font-size:.9rem}.stat-label{font-size:.65rem}}.segment-manager{min-height:100vh;background:linear-gradient(135deg,#0c0c0c,#1a1a1a,#0c0c0c);position:relative;overflow-x:hidden;color:#fff}.floating-elements{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.floating-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.1;animation:float 6s ease-in-out infinite}.orb-1{width:300px;height:300px;background:radial-gradient(circle,#ffd700 0%,transparent 70%);top:10%;left:10%;animation-delay:0s}.orb-2{width:200px;height:200px;background:radial-gradient(circle,#ffed4e 0%,transparent 70%);top:60%;right:10%;animation-delay:2s}.orb-3{width:150px;height:150px;background:radial-gradient(circle,#fff9c4 0%,transparent 70%);bottom:20%;left:20%;animation-delay:4s}.floating-particle{position:absolute;width:4px;height:4px;background:gold;border-radius:50%;animation:particle-float 8s ease-in-out infinite}.particle-1{top:30%;left:20%;animation-delay:1s}.particle-2{top:70%;right:30%;animation-delay:3s}.particle-3{bottom:40%;left:50%;animation-delay:5s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes particle-float{0%,to{transform:translate(0) scale(1);opacity:.3}25%{transform:translate(20px,-30px) scale(1.2);opacity:.6}50%{transform:translate(-15px,-50px) scale(.8);opacity:.3}75%{transform:translate(30px,-20px) scale(1.1);opacity:.5}}.sm-header{position:relative;z-index:10;padding:40px 0 20px;background:linear-gradient(180deg,rgba(12,12,12,.9) 0%,transparent 100%)}.header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:flex-start}.header-title h1{margin:0;font-size:3rem;font-weight:700;background:linear-gradient(135deg,gold,#ffed4e,#fff9c4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.title-glow{text-shadow:0 0 30px rgba(255,215,0,.5)}.title-sub{font-size:1rem;color:#888;margin-top:8px;font-weight:300;letter-spacing:2px}.header-stats{display:flex;gap:20px}.stat-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,.1);border-radius:16px;padding:20px;min-width:140px;display:flex;align-items:center;gap:12px;transition:all .3s ease;cursor:pointer}.stat-card:hover{border-color:#ffd7004d;background:#ffd7000d}.stat-icon{font-size:1.5rem}.stat-content{display:flex;flex-direction:column}.stat-number{font-size:1.8rem;font-weight:700;color:gold}.stat-label{font-size:.8rem;color:#888;text-transform:uppercase;letter-spacing:1px}.sm-nav{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:0 20px 30px;display:flex;justify-content:space-between;align-items:center;gap:30px}.nav-tabs{display:flex;gap:4px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,.1);border-radius:12px;padding:4px}.nav-tab{background:transparent;border:none;color:#888;padding:12px 24px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;transition:all .3s ease;position:relative}.nav-tab:hover{color:gold;background:#ffd7001a}.nav-tab.active{color:#000;background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 4px 15px #ffd7004d}.tab-indicator{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:20px;height:2px;background:#000;border-radius:1px}.nav-actions{display:flex;align-items:center;gap:20px}.search-box{position:relative;display:flex;align-items:center}.search-input{background:#ffffff0d;border:1px solid rgba(255,215,0,.2);border-radius:25px;padding:12px 20px 12px 45px;color:#fff;font-size:.9rem;width:250px;transition:all .3s ease}.search-input:focus{outline:none;border-color:gold;box-shadow:0 0 20px #ffd70033}.search-input::placeholder{color:#666}.search-icon{position:absolute;left:15px;color:#666;pointer-events:none}.btn-create-segment{background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:25px;padding:12px 24px;color:#000;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;position:relative;overflow:hidden;transition:all .3s ease}.btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.btn-create-segment:hover .btn-glow{left:100%}.btn-icon{font-weight:700;font-size:1.1rem}.sm-main{position:relative;z-index:5;max-width:1200px;margin:0 auto;padding:0 20px 40px}.tab-content{min-height:500px}.segments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-top:20px}.segment-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,.1);border-radius:20px;padding:24px;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer}.card-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,215,0,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.card-glow.active{opacity:1}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.segment-type{font-size:.8rem;color:gold;text-transform:uppercase;letter-spacing:1px;font-weight:600}.status-badge{padding:4px 12px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.status-badge.active{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge.inactive{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.card-content{margin-bottom:20px}.segment-name{font-size:1.4rem;font-weight:700;margin:0 0 8px;color:#fff}.segment-description{color:#888;font-size:.9rem;line-height:1.4;margin:0 0 20px}.segment-stats{display:flex;gap:20px}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.2rem;font-weight:700;color:gold}.stat-label{font-size:.7rem;color:#666;text-transform:uppercase;letter-spacing:1px}.card-actions{display:flex;gap:8px;justify-content:flex-end}.btn-action{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.btn-action:hover{background:#ffd70033;border-color:#ffd70066;transform:scale(1.1)}.btn-action.edit:hover{background:#3b82f633;border-color:#3b82f666}.btn-action.delete:hover{background:#ef444433;border-color:#ef444466}.card-border{position:absolute;inset:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,#ffd7004d,#ffd7001a,#ffd7004d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .3s ease}.segment-card:hover .card-border{opacity:1}.empty-state{text-align:center;padding:80px 20px;color:#666}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.empty-state h3{color:#888;margin-bottom:12px}.empty-state p{margin-bottom:30px;font-size:1rem}.btn-gold{background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:25px;padding:12px 30px;color:#000;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ffd7004d}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid rgba(255,215,0,.3);border-radius:24px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px #00000080}.floating-action-btn{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#000;z-index:100;box-shadow:0 8px 25px #ffd70066;position:relative;overflow:hidden}.fab-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.floating-action-btn:hover .fab-glow{opacity:1}.segment-manager-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#0c0c0c}.gold-loader{position:relative;width:80px;height:80px;margin-bottom:20px}.loader-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid #ffd700;border-radius:50%;animation:spin 1s linear infinite}.loader-ring:nth-child(1){animation-delay:0s}.loader-ring:nth-child(2){animation-delay:.2s;width:70%;height:70%;top:15%;left:15%}.loader-ring:nth-child(3){animation-delay:.4s;width:40%;height:40%;top:30%;left:30%}.loader-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:gold;border-radius:50%;box-shadow:0 0 10px gold,0 0 20px gold}.loading-text{color:gold;font-size:1.1rem;letter-spacing:2px;text-transform:uppercase}.floating-notification{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,gold,#ffed4e);color:#000;padding:16px 24px;border-radius:12px;font-weight:600;z-index:1000;transform:translate(400px);opacity:0;transition:all .3s ease;box-shadow:0 8px 25px #ffd7004d}.floating-notification.show{transform:translate(0);opacity:1}@media(max-width:768px){.header-content{flex-direction:column;gap:30px}.header-stats{width:100%;justify-content:space-between}.stat-card{min-width:100px;padding:15px}.sm-nav{flex-direction:column;gap:20px}.nav-tabs{width:100%;justify-content:center}.nav-actions{width:100%;flex-direction:column;gap:15px}.search-input{width:100%}.segments-grid{grid-template-columns:1fr}.header-title h1{font-size:2.2rem}.stat-number{font-size:1.4rem}}@media(max-width:480px){.header-stats{flex-direction:column}.stat-card{width:100%}.nav-tab{padding:10px 16px;font-size:.9rem}.tab-icon{display:none}}.template-manager{display:flex;flex-direction:column;padding:20px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px}.template-manager h1{font-size:24px;color:#333}.template-manager .template-list{list-style-type:none;padding:0}.template-manager .template-list li{padding:10px;margin:5px 0;background-color:#fff;border:1px solid #ccc;border-radius:4px}.template-manager .template-list li:hover{background-color:#f0f0f0}.template-manager button{margin-top:10px;padding:10px 15px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.template-manager button:hover{background-color:#0056b3}.notification-center{width:100%;max-width:var(--nc-max-width);background:var(--nc-bg);border:1px solid var(--nc-border);border-radius:var(--nc-radius);box-shadow:var(--nc-shadow);overflow:hidden;display:flex;flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#111827;font-size:14px}.notification-center__header{display:flex;align-items:center;justify-content:space-between;gap:var(--nc-gap);padding:calc(var(--nc-padding) - 4px);border-bottom:1px solid var(--nc-border);background:linear-gradient(180deg,rgba(255,255,255,.6),transparent)}.notification-center__title{display:flex;align-items:center;gap:10px;font-weight:600;color:#0f172a}.notification-center__count{background:var(--nc-accent);color:#fff;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:700}.notification-center__controls{display:flex;gap:8px;align-items:center}.notification-center__btn{appearance:none;border:1px solid var(--nc-border);background:transparent;color:var(--nc-muted);padding:6px 9px;border-radius:6px;font-size:13px;cursor:pointer;transition:all var(--nc-transition)}.notification-center__btn:hover{color:#0f172a;background:var(--nc-surface);border-color:#d1d5db}.notification-center__btn:active{transform:translateY(1px)}.notification-center__search{display:flex;gap:8px;padding:10px var(--nc-padding);align-items:center;border-bottom:1px solid var(--nc-border);background:var(--nc-surface)}.notification-center__search input{flex:1;border:1px solid var(--nc-border);background:#fff;padding:8px 10px;border-radius:8px;font-size:13px;color:#0f172a;outline:none;transition:box-shadow var(--nc-transition),border-color var(--nc-transition)}.notification-center__search input:focus{border-color:var(--nc-accent);box-shadow:0 4px 18px #2563eb14}.notification-center__list{max-height:420px;overflow:auto;display:flex;flex-direction:column;gap:6px;padding:8px;background:transparent}.notification-center__item{display:flex;gap:12px;padding:10px;align-items:flex-start;border-radius:8px;transition:background var(--nc-transition),transform var(--nc-transition);cursor:pointer}.notification-center__item:focus,.notification-center__item:hover{background:#fbfdff;transform:translateY(-1px);outline:none}.notification-center__item--unread{background:var(--nc-unread);border-left:3px solid var(--nc-accent)}.notification-center__avatar{min-width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#eef2ff,#fff);display:flex;align-items:center;justify-content:center;color:var(--nc-accent);font-weight:700;font-size:16px;flex-shrink:0;overflow:hidden;border:1px solid var(--nc-border)}.notification-center__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.notification-center__meta{display:flex;justify-content:space-between;align-items:center;gap:8px}.notification-center__title-line{font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-center__message{color:var(--nc-muted);font-size:13px;line-height:1.35;max-height:2.7em;overflow:hidden;text-overflow:ellipsis}.notification-center__time{color:var(--nc-muted);font-size:12px;white-space:nowrap;margin-left:8px}.notification-center__actions{display:flex;gap:6px;align-items:center}.notification-center__action-btn{background:transparent;border:none;color:var(--nc-muted);cursor:pointer;padding:6px;border-radius:6px}.notification-center__action-btn:hover{background:var(--nc-surface);color:#0f172a}.notification-center__empty{padding:36px 20px;text-align:center;color:var(--nc-muted);font-size:14px}.notification-center__empty strong{display:block;color:#0f172a;margin-bottom:8px}.notification-center__footer{padding:10px;border-top:1px solid var(--nc-border);display:flex;gap:8px;justify-content:space-between;align-items:center;background:linear-gradient(180deg,transparent,rgba(0,0,0,.02))}.notification-center__footer .notification-center__btn--danger{color:var(--nc-danger);border-color:#ef44441f}.notification-center__footer .notification-center__btn--primary{background:var(--nc-accent);color:#fff;border-color:transparent}.notification-center__item:focus-visible,.notification-center__btn:focus-visible,.notification-center__action-btn:focus-visible,.notification-center__search input:focus-visible{box-shadow:0 0 0 4px #2563eb1f;outline:none}.notification-center__list::-webkit-scrollbar{width:10px}.notification-center__list::-webkit-scrollbar-track{background:transparent}.notification-center__list::-webkit-scrollbar-thumb{background:#0f172a0f;border-radius:10px;border:2px solid transparent;background-clip:padding-box}@media(max-width:420px){.notification-center{border-radius:0;box-shadow:none}.notification-center__avatar{min-width:40px;height:40px}.notification-center__title,.notification-center__message{font-size:13px}}.performance-optimizer{padding:1rem}.optimizer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.performance-score{text-align:center}.score-circle{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background:conic-gradient(#4caf50,#e0e0e0 0deg)}.score-circle:before{content:"";position:absolute;width:80px;height:80px;background:#fff;border-radius:50%}.score-circle span{font-size:1.5rem;font-weight:700;z-index:1}.score-label{margin-top:.5rem;font-weight:500;color:#666}.real-time-metrics{margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1rem}.metric{background:#fff;padding:1rem;border-radius:6px;box-shadow:0 1px 3px #0000001a}.metric-label{font-size:.9rem;color:#666;margin-bottom:.5rem}.metric-value{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.metric-bar{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.metric-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s ease}.performance-history{margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.load-time-chart{display:flex;align-items:end;gap:.5rem;height:200px;margin-top:1rem;padding:1rem;background:#f8f9fa;border-radius:6px}.load-time-bar{display:flex;flex-direction:column;align-items:center;flex:1}.bar-fill{width:20px;background:linear-gradient(to top,#007bff,#0056b3);border-radius:2px 2px 0 0;transition:height .3s ease}.bar-label{margin-top:.5rem;font-size:.8rem;color:#666}.optimization-suggestions{margin-bottom:2rem}.suggestions-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.suggestion-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000001a}.suggestion-info h5{margin:0 0 .5rem;color:#2c3e50}.suggestion-info p{margin:0 0 1rem;color:#666;line-height:1.4}.suggestion-meta{display:flex;gap:1rem;flex-wrap:wrap}.impact,.effort,.savings{padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.impact-high{background:#ffebee;color:#c62828}.impact-medium{background:#fff3e0;color:#ef6c00}.impact-low{background:#e8f5e8;color:#2e7d32}.effort-high{background:#ffebee;color:#c62828}.effort-medium{background:#fff3e0;color:#ef6c00}.effort-low{background:#e8f5e8;color:#2e7d32}.savings{background:#e3f2fd;color:#1565c0}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#4caf50}input:checked+.toggle-slider:before{transform:translate(26px)}.cache-stats{padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.cache-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1rem}.cache-metric{text-align:center;padding:1rem;background:#f8f9fa;border-radius:6px}.cache-value{font-size:2rem;font-weight:700;color:#007bff;margin-bottom:.5rem}.cache-label{color:#666;font-size:.9rem}.automated-workflow{padding:1rem}.workflow-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.workflow-form-modal{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.workflow-form{background:#fff;padding:2rem;border-radius:8px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto}.section-header{display:flex;justify-content:space-between;align-items:center;margin:1.5rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e9ecef}.section-header h5{margin:0;color:#2c3e50}.conditions-section,.actions-section{margin:1.5rem 0;padding:1rem;background:#f8f9fa;border-radius:6px}.condition-row,.action-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem;padding:.5rem;background:#fff;border-radius:4px}.condition-row select,.condition-row input,.action-row select,.action-row input{flex:1;padding:.5rem;border:1px solid #ddd;border-radius:4px}.remove-btn{background:#dc3545;color:#fff;border:none;border-radius:4px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem}.remove-btn:hover{background:#c82333}.workflows-list{display:flex;flex-direction:column;gap:1.5rem}.workflow-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.workflow-card .workflow-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.workflow-info h4{margin:0 0 .5rem;color:#2c3e50}.workflow-info p{margin:0 0 1rem;color:#666;line-height:1.4}.workflow-meta{display:flex;gap:1rem;flex-wrap:wrap}.workflow-meta span{padding:.25rem .5rem;background:#f8f9fa;border-radius:4px;font-size:.8rem;color:#666}.workflow-actions{display:flex;gap:1rem;align-items:center}.workflow-stats{display:flex;gap:2rem;padding-top:1rem;border-top:1px solid #e9ecef}.workflow-stats .stat{text-align:center}.workflow-stats .stat-value{display:block;font-size:1.5rem;font-weight:700;color:#007bff}.workflow-stats .stat-label{font-size:.8rem;color:#666}.empty-state{text-align:center;padding:3rem;color:#6c757d;background:#fff;border-radius:8px;border:2px dashed #dee2e6}.empty-state h4{margin-bottom:1rem;color:#2c3e50}.empty-state p{font-size:.9rem;line-height:1.4}.export-import{padding:1rem}.export-import-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.export-section,.import-section{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.export-section h4,.import-section h4{margin-bottom:1.5rem;color:#2c3e50;display:flex;align-items:center;gap:.5rem}.export-form,.import-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.file-upload{position:relative}.file-upload input[type=file]{position:absolute;left:-9999px}.file-upload-label{display:block;padding:.75rem 1rem;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:4px;text-align:center;cursor:pointer;transition:all .3s ease}.file-upload-label:hover{background:#e9ecef;border-color:#007bff}.import-actions{display:flex;gap:1rem;margin-top:1rem}.export-info,.import-info{margin-top:1.5rem;padding:1rem;background:#f8f9fa;border-radius:6px}.export-info h5,.import-info h5{margin:0 0 .5rem;color:#2c3e50;display:flex;align-items:center;gap:.5rem}.export-info ul,.import-info ul{margin:0;padding-left:1.2rem;color:#666}.export-info li,.import-info li{margin-bottom:.25rem;line-height:1.4}.activity-section{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.activity-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:6px;transition:background-color .3s ease}.activity-item:hover{background:#e9ecef}.activity-icon{font-size:1.5rem}.activity-details{flex:1}.activity-title{font-weight:500;color:#2c3e50;margin-bottom:.25rem}.activity-meta{font-size:.8rem;color:#666}@media(max-width:768px){.export-import-grid,.form-row{grid-template-columns:1fr}}.automation-dashboard{padding:20px;max-width:1400px;margin:0 auto}.dashboard-header{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.dashboard-header h1{margin:0 0 8px;font-size:28px;font-weight:700;color:#1f2937}.dashboard-header p{margin:0 0 24px;color:#6b7280;font-size:16px}.quick-stats{display:flex;gap:20px;margin-bottom:24px}.quick-stats .stat{text-align:center;padding:16px;background:#f8fafc;border-radius:8px;min-width:120px}.quick-stats .stat-number{display:block;font-size:24px;font-weight:700;color:#1f2937}.quick-stats .stat-label{font-size:14px;color:#6b7280}.service-status-badges{display:flex;gap:16px;flex-wrap:wrap}.service-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f8fafc;border-radius:20px;font-size:14px}.status-dot{width:8px;height:8px;border-radius:50%}.service-name{font-weight:600;color:#374151}.status-text{color:#6b7280;text-transform:capitalize}.dashboard-content{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.mock-notice{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#fffbeb;border:1px solid #fef3c7;border-radius:8px;margin-top:24px}.notice-icon{font-size:24px}.notice-content h3,.notice-content p{margin:0 0 8px;color:#92400e}.notice-content small{color:#b45309}.edge-banner{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:6px;margin-bottom:12px;font-family:Inter,sans-serif}.edge-banner.ok{background:#ecfdf5;color:#065f46;border:1px solid #bbf7d0}.edge-banner.down{background:#fffbeb;color:#92400e;border:1px solid #fef3c7}.edge-banner .btn{margin-left:12px;padding:6px 10px;border-radius:6px;border:none;background:#0b69ff;color:#fff;cursor:pointer}.edge-banner .status-text{font-size:14px}.edge-banner .status-text strong{font-weight:600}.edge-banner.down .status-text strong{text-decoration:underline}.edge-banner .info-icon{margin-right:6px;vertical-align:middle}.edge-banner.down .info-icon{fill:#92400e}.edge-banner.ok .info-icon{fill:#065f46}.edge-banner .btn:disabled{background:#9ca3af;cursor:not-allowed}.qac-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0009,#0009);z-index:4000}.qac-card{width:540px;max-width:94%;border-radius:12px;padding:18px;background:linear-gradient(180deg,#081018,#0a0a0f);border:1px solid rgba(212,175,55,.07);box-shadow:0 30px 80px #d4af370f;color:#fff}.qac-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.qac-title{color:#ffdca3;font-weight:800;font-size:18px}.qac-sub{color:#d9cfae;font-size:13px}.qac-close{background:transparent;border:none;color:#fff;font-size:16px;cursor:pointer}.qac-form{display:flex;flex-direction:column;gap:10px}.field{display:flex;flex-direction:column;gap:6px}.field label{color:#d9caa0;font-size:13px}.field input{padding:10px 12px;border-radius:8px;background:#ffffff05;border:1px solid rgba(212,175,55,.04);color:#fff;outline:none}.qac-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.btn-cancel{background:transparent;border:1px solid rgba(255,255,255,.04);color:#fff;padding:8px 10px;border-radius:8px}.qac-message{margin-top:8px;padding:8px 10px;border-radius:8px;font-size:13px}.qac-message.error{background:#dc262614;color:#ffb3b3;border:1px solid rgba(220,38,38,.12)}.qac-message.success{background:#22c55e0f;color:#d7ffd8;border:1px solid rgba(34,197,94,.08)}.qac-message.warn{background:#eab3080f;color:#fff1b8;border:1px solid rgba(234,179,8,.08)}.ccd-root{padding:22px;background:linear-gradient(180deg,#05050a,#0b0b10);min-height:calc(100vh - 48px);color:#fff;font-family:Inter,system-ui}.ccd-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.ccd-title{margin:0;font-size:20px;color:#ffdca3}.ccd-sub{margin:0;color:#d9cfae;font-size:13px}.ccd-actions{display:flex;gap:8px;align-items:center}.ccd-actions input{padding:10px 12px;border-radius:10px;background:#ffffff05;border:1px solid rgba(212,175,55,.05);color:#fff;min-width:360px}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.04);color:#fff;padding:8px 10px;border-radius:8px}.btn-link{text-decoration:none;color:#ffdca3;padding:8px 10px}.btn-primary{background:linear-gradient(90deg,#b88f2c,#d4af37);color:#081018;padding:8px 12px;border-radius:10px;border:none;font-weight:700}.btn{background:#ffffff05;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.03)}.ccd-main{display:flex;gap:18px;margin-top:14px}.ccd-list{flex:1;display:flex;flex-direction:column;gap:10px;max-height:75vh;overflow:auto;padding-right:6px}.ccd-side{width:360px;display:flex;flex-direction:column;gap:12px}.ccd-row{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.02);transition:transform .12s}.ccd-row:hover{transform:translateY(-6px);box-shadow:0 14px 40px #d4af370f}.ccd-row.selected{border:1px solid rgba(212,175,55,.12);background:linear-gradient(90deg,#d4af3708,#ffffff03)}.left{display:flex;gap:12px;align-items:center;cursor:pointer}.avatar{width:44px;height:44px;border-radius:8px;background:linear-gradient(180deg,#ffdca3,#d4af37);color:#081018;display:flex;align-items:center;justify-content:center;font-weight:800}.meta .name{font-weight:700}.meta .sub{color:#d9cfae;font-size:13px}.panel{background:#ffffff05;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.02)}.selected-card{display:flex;gap:12px;align-items:center}.avatar-large{width:64px;height:64px;border-radius:10px;background:linear-gradient(180deg,#ffdca3,#d4af37);display:flex;align-items:center;justify-content:center;color:#081018;font-weight:900;font-size:24px}.info .name{font-weight:900;color:#fff;margin-bottom:4px}.info .sub,.info .contact{color:#d9cfae;font-size:13px;margin-bottom:6px}.info .actions{display:flex;gap:8px}.btn-small{padding:6px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.03);background:transparent;color:#fff}.recent-list{display:flex;flex-direction:column;gap:8px}.recent-row{padding:8px;border-radius:8px;background:#ffffff03}.r-meta{font-size:12px;color:#d9cfae}.r-msg{color:#fff;font-size:13px;margin-top:4px}.muted{color:#bdb29b;font-size:13px}.pm-actions{display:flex;align-items:center;gap:16px;margin-bottom:14px}.link-back{color:var(--accent);text-decoration:none;font-weight:600;opacity:.95}.link-back:hover{text-decoration:underline}.btn-quick{background:linear-gradient(180deg,var(--gold),var(--gold-dark));color:#111;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:700;box-shadow:0 4px 8px #c8963c2e}.btn-quick:hover{transform:translateY(-1px)}.pm-controls{display:flex;gap:12px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.pm-controls input{background:var(--glass);border:1px solid rgba(255,255,255,.06);color:#fff;padding:8px 10px;border-radius:8px;min-width:260px;outline:none}.pm-controls input::placeholder{color:var(--muted)}.pm-controls input:focus{border-color:#f3c46bd9;box-shadow:0 6px 18px #f3c46b17}.pm-info{color:var(--muted);font-size:13px}.loader,.empty{padding:28px;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent);border:1px dashed rgba(255,255,255,.03);border-radius:var(--radius);color:var(--muted)}.pm-list{display:flex;flex-direction:column;gap:10px}.pm-card{display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);border:1px solid rgba(255,255,255,.03);padding:12px;border-radius:10px;transition:transform .12s ease,box-shadow .12s ease}.pm-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #02060c99}.left{display:flex;gap:12px;align-items:center}.avatar{width:56px;height:56px;min-width:56px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#111;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px #c8963c29,inset 0 -6px 12px #ffffff0d;font-size:16px;letter-spacing:.8px}.meta{display:flex;flex-direction:column;gap:2px}.name{color:#fff;font-weight:700}.comp{color:var(--accent);font-weight:600;font-size:13px;opacity:.95}.contact{color:var(--muted);font-size:13px}.right{display:flex;gap:8px;align-items:center}.btn{background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.04);padding:8px 10px;border-radius:8px;cursor:pointer;font-weight:600;transition:background .12s ease,transform .08s ease}.btn:hover{transform:translateY(-2px);background:#ffffff14}.btn:active{transform:translateY(0)}.btn.ghost{background:transparent;border:1px dashed rgba(255,255,255,.06);color:var(--accent)}.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.pm-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px}@media(max-width:720px){.pm-actions{flex-direction:column;align-items:stretch;gap:10px}.pm-controls{flex-direction:column;align-items:stretch}.right{gap:6px}.pm-pagination{justify-content:center;margin-top:12px}.avatar{width:48px;height:48px;min-width:48px;font-size:14px}.pm-card{padding:10px}}.ams-container{max-width:980px;margin:24px auto;background:linear-gradient(180deg,#fff8e6f2,#fff3e0e6);border:1px solid rgba(212,175,55,.12);padding:20px;border-radius:12px;box-shadow:0 6px 30px #0000000f,inset 0 1px #fff9;animation:ams-appear .42s ease-out both}@keyframes ams-appear{0%{transform:translateY(6px) scale(.995);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.ams-title{color:#6b4b0a;font-weight:700;font-size:20px;margin-bottom:12px;letter-spacing:.2px;text-shadow:0 1px 0 rgba(255,255,255,.6)}.ams-row{display:flex;gap:12px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.ams-row label{min-width:120px;color:#5b4520;font-weight:600}.ams-row select,.ams-row input[type=text],.ams-row input[type=password]{padding:10px 12px;border-radius:8px;border:1px solid rgba(212,175,55,.18);background:#fff;min-width:220px;transition:box-shadow .18s ease}.ams-recips{width:100%;min-height:120px;padding:12px;border-radius:10px;border:1px solid rgba(212,175,55,.18);box-shadow:0 6px 18px #d4af3705;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.ams-actions{display:flex;gap:10px;margin-top:8px;align-items:center}.ams-btn{padding:10px 16px;border-radius:10px;border:none;cursor:pointer;font-weight:700;transition:transform .14s ease,box-shadow .14s ease}.ams-primary{background:linear-gradient(90deg,#d4a017,#b37f04);color:#fff;box-shadow:0 8px 20px #b4780a2e,0 1px #fff3 inset}.ams-primary:hover{transform:translateY(-3px);box-shadow:0 14px 30px #b4780a3d}.ams-ghost{background:transparent;border:1px solid rgba(180,120,10,.12);color:#5b4210}.ams-log{margin-top:16px;background:#fffc;border-radius:8px;padding:12px;border:1px dashed rgba(212,175,55,.08)}.ams-log pre{white-space:pre-wrap;max-height:360px;overflow:auto;margin:0;font-size:13px}.profile-picture-upload,.avatar-container{display:flex;flex-direction:column;align-items:center;gap:20px}.avatar-preview{width:150px;height:150px;border-radius:50%;overflow:hidden;border:4px solid #f8f9fa;box-shadow:0 4px 15px #0000001a}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f93,#d4af37);display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem;font-weight:700}.avatar-controls{display:flex;flex-direction:column;align-items:center;gap:15px}.upload-controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.upload-info{text-align:center}.upload-info p{margin:5px 0;color:#6c757d;font-size:.9rem}.btn-danger{background-color:#e74c3c;color:#fff;border:none}.btn-danger:hover{background-color:#c0392b}@media(max-width:768px){.avatar-preview{width:120px;height:120px}.avatar-placeholder{font-size:2.5rem}.upload-controls{flex-direction:column;align-items:center}}.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}@media(max-width:600px){.profile-form{grid-template-columns:1fr}}input[type=text],input[type=tel],input[type=password],input[type=email]{background:#0e1116;color:#e6e6e6;border:1px solid #20252c;border-radius:10px;padding:10px 12px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}input:focus{border-color:#d4af3799;box-shadow:0 0 0 3px #d4af3726}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid #20252c;background:#0e1116;color:#e6e6e6;cursor:pointer;transition:transform .05s ease,border-color .2s ease,box-shadow .2s ease}.btn:hover{border-color:#d4af3780;box-shadow:0 8px 16px #00000080}.btn-primary{background:linear-gradient(135deg,#d4af3740,#d4af371a);border-color:#d4af3780;color:#f4e38a}.btn-secondary{background:linear-gradient(135deg,#9aa0a633,#9aa0a61a)}.btn-outline{background:transparent;border-color:#d4af3773;color:#f4e38a}.info-item label{font-size:12px;color:#9aa0a6}.info-item .info-value{background:#0e1116;color:#e6e6e6;border:1px solid #20252c;border-radius:10px;padding:10px 12px}.info-item .info-value.editable{cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.info-item .info-value.editable:hover{border-color:#d4af3780;box-shadow:0 0 0 3px #d4af3726}.info-item .info-value.editable:active{transform:translateY(1px)}@media(max-width:600px){.profile-info .info-grid{grid-template-columns:1fr}}.info-item.full-width .info-value{width:100%}*{box-sizing:border-box}.profile-container{max-width:1000px;margin:32px auto;padding:0 16px;color:#055502;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";animation-fill-mode:forwards;animation-play-state:running;animation-duration:5s;animation-name:glow;animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}.profile-header{padding:24px 20px;margin-bottom:16px;background:linear-gradient(135deg,#dfe3eb 25%,#e3e653);border:1px solid rgba(245,241,6,.836);border-radius:14px;box-shadow:0 10px 30px #00000080;text-align:center;animation-fill-mode:forwards;animation-play-state:running;animation-duration:5s;animation-name:glow;animation-timing-function:cubic-bezier(.175,.885,.32,1.275);animation-fill-mode:backwards;animation-delay:0s}.profile-header h1{margin:0 0 6px;font-weight:700;letter-spacing:.3px;color:#fa0707;text-shadow:gold 2px 2px 12px;font-size:35px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}.profile-header p{margin:0 0 6px;color:#070a0c;text-shadow:gold 1px 1px 10px;font-size:14px;font-weight:600;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}.profile-content{display:grid;gap:16px}.profile-section{background:linear-gradient(135deg,#4abeb9da,#deeb2f);border:1px solid #0a6a6d;border-radius:14px;padding:20px;box-shadow:0 6px 20px #09e1e9ee}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;animation-fill-mode:forwards;animation-play-state:running;animation-duration:5s;animation-name:glow;animation-timing-function:cubic-bezier(.175,.885,.32,1.275);animation-fill-mode:backwards;animation-delay:0s;color:#dfe3eb;text-decoration-color:#dfe3eb}h2{margin:0;font-size:18px;color:#fafaf8}h3{margin:0 0 10px;font-size:16px;color:#f6fa02fa}.message{margin:12px 0;padding:12px 14px;border-radius:12px;border:1px solid #20252c;font-weight:600}.message.success{border-color:#2ecc714d;color:#2ecc71}.message.error{border-color:#ff4d4d4d;color:#ff4d4d}.profile-loading{display:grid;place-items:center;height:220px}.loading-spinner{width:36px;height:36px;border:2px solid #20252c;border-top-color:#d4af37;border-radius:50%;animation:spin .9s linear infinite;margin-bottom:10px}@keyframes spin{to{transform:rotate(360deg)}}.profile-form .form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-group{display:flex;flex-direction:column;gap:8px}label{font-size:12px;color:#9aa0a6}input[type=text],input[type=tel],input[type=password],textarea,select{background:#e9e9e2;color:#070303;border:1px solid #20252c;border-radius:10px;padding:10px 12px;outline:none;transition:border-color .2s ease,box-shadow .2s ease;box-shadow:#92d7ec 0 0 10px;animation:forwards glow 5s;animation-timing-function:ease-in-out;animation-direction:alternate}input:focus,textarea:focus,select:focus{border-color:#d4af3799;box-shadow:0 0 0 3px #d4af3726}textarea{resize:vertical}.form-actions{display:flex;gap:10px;margin-top:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid #20252c;background:#d4d4d3de;color:#ec0707;cursor:pointer;box-shadow:#33313b 0 0 10px;background:linear-gradient(135deg,#dbd3b9e5,#e9ec07fd);transition:transform .05s ease,border-color .2s ease,box-shadow .2s ease;animation-fill-mode:forwards;animation-play-state:running;animation-duration:5s}.btn:hover{border-color:#0e0b03ea;box-shadow:0 8px 16px #00000080}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#dbd3b9e5,#e9ec07fd);border-color:#d4af3780;color:#02b602;box-shadow:#33313b 0 0 10px;animation:forwards glow 5s cubic-bezier(.55,.055,.675,.19) infinite alternate;animation-timing-function:ease-in-out;animation-direction:alternate;animation-delay:0s;animation-name:glow;animation-fill-mode:forwards;animation-play-state:running}.btn-secondary{background:linear-gradient(135deg,#aeaeb6bb,#e9dc22c7);border-color:#b4b4b480;color:#33313b;box-shadow:#33313b 0 0 10px;animation:forwards glow 5s cubic-bezier(.55,.055,.675,.19) infinite alternate;animation-timing-function:ease-in-out;animation-direction:alternate;animation-delay:0s;animation-name:glow;animation-fill-mode:forwards;animation-play-state:running}.btn-outline{background:transparent;border-color:#e29a0873;border-radius:100px;box-shadow:#0e1116 0 0 10px;border-style:dashed;border-bottom:1px solid #0f1217;color:#e9ec29fd}.profile-info .info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.info-item{display:grid;gap:6px}.info-item label{color:#9aa0a6}.info-item.full-width{grid-column:1 / -1}.account-info .info-item .monospace{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#d4af37}.role-badge{display:inline-block;padding:4px 8px;border-radius:999px;border:1px solid rgba(212,175,55,.4);color:#d4af37;background:#d4af3726}.security-block{margin-top:16px;padding-top:10px;border-top:1px dashed rgba(212,175,55,.25)}.muted{color:#9aa0a6}.twofa-actions .badge.success{display:inline-block;padding:4px 8px;border-radius:999px;background:#2ecc7133;color:#2ecc71;border:1px solid rgba(46,204,113,.4)}.enabled-row{display:flex;align-items:center;gap:8px}.qr-container{margin:10px 0;padding:10px;border:1px dashed rgba(212,175,55,.35);border-radius:12px}.activity-actions{margin:8px 0 12px}.activity-list{display:grid;gap:8px}.activity-item{padding:10px 12px;border-radius:12px;border:1px solid #20252c;background:#0e1116}.activity-row{display:grid;grid-template-columns:180px 120px 1fr 1fr;gap:8px}.small{font-size:12px}.monospace{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.bold{font-weight:600}.italic{font-style:italic}.text-center{text-align:center}.text-right{text-align:right}.link{color:#d4af37;text-decoration:underline;cursor:pointer}.link:hover{color:#f4e38a}.link:active{color:#d4af37}.hidden{display:none}@media(max-width:768px){.profile-form .form-row,.profile-info .info-grid,.activity-item .activity-row{grid-template-columns:1fr}}.live-farm-ai{min-height:100vh;background:linear-gradient(135deg,#0c0c0c,#1a1a2e,#16213e,#0f3460,#533483);background-size:400% 400%;animation:cosmicBackground 20s ease infinite;position:relative;overflow-x:hidden;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}@keyframes cosmicBackground{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.live-farm-ai:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,215,0,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,215,0,.2),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 160px 30px,rgba(255,215,0,.3),transparent);background-repeat:repeat;background-size:200px 200px;animation:sparkle 10s linear infinite;z-index:0;opacity:.4}@keyframes sparkle{0%{transform:translate(0)}to{transform:translate(-200px)}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0c0c0c,#1a1a2e);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity 1s ease-out}.loading-content{text-align:center;padding:3rem;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,215,0,.2);box-shadow:0 20px 60px #00000080}.loading-spinner{width:80px;height:80px;border:3px solid rgba(255,215,0,.3);border-top:3px solid #ffd700;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 2rem}.loading-title{font-size:1.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,gold,#ffed4e,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-status{color:gold;font-size:.9rem;margin:1rem 0}.quantum-dots{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.quantum-dot{width:8px;height:8px;background:gold;border-radius:50%;animation:quantumFloat 2s ease-in-out infinite;box-shadow:0 0 20px gold}@keyframes quantumFloat{0%,to{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-20px) scale(1.2);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-gradient-header{background:linear-gradient(135deg,gold,#daa520,#b8860b,#daa520,gold);position:relative;overflow:hidden;padding:1.5rem 2rem;box-shadow:0 10px 30px #ffd7004d}.ai-gradient-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.header-left{display:flex;align-items:center;gap:2rem}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#000000b3;border:1px solid rgba(255,215,0,.3);border-radius:10px;color:gold;font-weight:600;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#ffd7001a;transform:translate(-5px);border-color:gold}.ai-brand{display:flex;align-items:center;gap:1rem}.ai-indicator{width:60px;height:60px;background:linear-gradient(45deg,gold,#daa520,#b8860b,#daa520);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:aiGradient 3s ease infinite;position:relative;overflow:hidden}.ai-indicator:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);animation:aiPulse 2s ease-in-out infinite}.ai-scan{font-size:2rem;animation:aiScan 3s infinite linear;filter:drop-shadow(0 0 10px #000)}@keyframes aiScan{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.neon-text{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #ffd700,0 0 20px #ffd700,0 0 35px #ffd700,0 0 40px #ffd700;animation:neonFlicker 2s infinite alternate}@keyframes neonFlicker{0%,to{opacity:1}50%{opacity:.9}}.header-subtitle{color:#000c;font-weight:500;margin-top:.25rem}.header-right{display:flex;align-items:center;gap:1.5rem}.status-badge,.confidence-badge{padding:.75rem 1.5rem;background:#000000b3;border-radius:10px;border:1px solid rgba(255,215,0,.3);display:flex;align-items:center;gap:.75rem;font-weight:500}.pulse-dot{width:12px;height:12px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.gold-text{color:gold;font-weight:600}.export-btn{background:linear-gradient(135deg,gold,#daa520);border:none;border-radius:8px;padding:.5rem 1rem;color:#000;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.export-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ffd70066}.farm-content{max-width:1400px;margin:0 auto;padding:2rem}.grid-layout{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem}@media(max-width:1200px){.grid-layout{grid-template-columns:1fr}}.data-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,215,0,.2);border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #0000004d;position:relative;overflow:hidden;transition:all .3s ease}.data-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #ffd7001a;border-color:#ffd70066}.data-card:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,215,0,.05) 50%,transparent 70%);transform:translate(-100%);animation:hologram 4s infinite}@keyframes hologram{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,215,0,.2)}.card-header h2{font-size:1.5rem;font-weight:600;color:gold}.live-badge{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:gold}.live-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}.map-container{height:600px;border-radius:15px;overflow:hidden;position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.india-map{width:100%;height:100%;position:relative}.india-map-svg{width:100%;height:100%;filter:drop-shadow(0 0 20px rgba(255,215,0,.3))}.state-path{fill:#ffd7000d;stroke:#ffd7004d;stroke-width:1;transition:all .3s ease;cursor:pointer}.state-path:hover{fill:#ffd70026;stroke:#ffd70099;stroke-width:2;filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}.india-outline{fill:transparent;stroke:#ffd70080;stroke-width:2}.state-label{fill:#ffffffb3;font-size:12px;font-weight:500;text-anchor:middle;pointer-events:none}.connection-line{stroke:#ffd7004d;stroke-width:1;stroke-dasharray:5,5;animation:connectionFlow 3s linear infinite}@keyframes connectionFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:20}}.farm-marker{cursor:pointer;transition:all .3s ease;animation:farmPulse 2s infinite;filter:drop-shadow(0 0 8px currentColor)}.farm-marker:hover{transform:scale(1.3)}@keyframes farmPulse{0%,to{opacity:1}50%{opacity:.7}}.farm-marker.healthy{fill:#10b981}.farm-marker.warning{fill:#f59e0b}.farm-marker.critical{fill:#ef4444}.map-legend{position:absolute;bottom:20px;left:20px;background:#000000d9;padding:1rem;border-radius:10px;border:1px solid rgba(255,215,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.legend-title{font-weight:600;color:gold;margin-bottom:.75rem;font-size:.9rem}.legend-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:.85rem;color:#ccc}.legend-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 8px currentColor}.legend-dot.healthy{background:#10b981}.legend-dot.warning{background:#f59e0b}.legend-dot.critical{background:#ef4444}.farm-details-panel{height:600px;overflow-y:auto}.farm-details-panel::-webkit-scrollbar{width:6px}.farm-details-panel::-webkit-scrollbar-track{background:#ffd7001a;border-radius:3px}.farm-details-panel::-webkit-scrollbar-thumb{background:linear-gradient(135deg,gold,#daa520);border-radius:3px}.farm-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center}.placeholder-icon{font-size:4rem;margin-bottom:1.5rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.placeholder-title{font-size:1.5rem;font-weight:600;color:gold;margin-bottom:.75rem}.placeholder-subtitle{color:#aaa;margin-bottom:2rem;max-width:300px}.placeholder-stats{display:flex;flex-direction:column;gap:.5rem;background:#ffd7000d;padding:1rem;border-radius:10px;border:1px solid rgba(255,215,0,.2);width:100%;max-width:300px}.green-text{color:#10b981}.yellow-text{color:#f59e0b}.cyan-text{color:#00d4ff}.farm-details-content{display:flex;flex-direction:column;gap:1.5rem}.farm-header{text-align:center;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,215,0,.2)}.farm-weather{font-size:3rem;margin-bottom:.5rem}.farm-name{font-size:1.5rem;font-weight:600;color:gold;margin-bottom:.25rem}.farm-location{color:#aaa;margin-bottom:1rem}.farm-status{display:inline-block;padding:.25rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-healthy{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.4);animation:healthyGlow 2s ease-in-out infinite}.status-warning{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.4);animation:warningGlow 1s ease-in-out infinite}.status-critical{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.4);animation:criticalGlow .5s ease-in-out infinite}@keyframes healthyGlow{0%,to{box-shadow:0 0 10px #10b9814d}50%{box-shadow:0 0 20px #10b98199}}@keyframes warningGlow{0%,to{box-shadow:0 0 10px #f59e0b4d}50%{box-shadow:0 0 20px #f59e0b99}}@keyframes criticalGlow{0%,to{box-shadow:0 0 10px #ef44444d}50%{box-shadow:0 0 20px #ef444499}}.farmer-info{background:#007bff1a;padding:1rem;border-radius:10px;border:1px solid rgba(0,123,255,.3)}.farmer-info h4{color:gold;margin-bottom:.5rem;font-size:1rem}.farmer-name{font-weight:600;color:#fff;margin-bottom:.25rem}.farmer-contact{color:#aaa;font-size:.9rem}.crops-section h4{color:gold;margin-bottom:.75rem;font-size:1rem}.crops-grid{display:flex;flex-wrap:wrap;gap:.5rem}.crop-tag{padding:.35rem .75rem;background:linear-gradient(135deg,#10b98133,#10b9811a);color:#10b981;border-radius:20px;font-size:.85rem;border:1px solid rgba(16,185,129,.3)}.real-time-data{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.data-card.temp,.data-card.humidity,.data-card.soil,.data-card.health{text-align:center;padding:1rem;border-radius:10px;background:#ffffff0d;border:1px solid}.data-card.temp{border-color:#ef44444d;background:linear-gradient(135deg,#ef44441a,#ef44440d)}.data-card.humidity{border-color:#3b82f64d;background:linear-gradient(135deg,#3b82f61a,#3b82f60d)}.data-card.soil{border-color:#10b9814d;background:linear-gradient(135deg,#10b9811a,#10b9810d)}.data-card.health{border-color:#a855f74d;background:linear-gradient(135deg,#a855f71a,#a855f70d)}.data-value{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.data-card.temp .data-value{color:#ef4444}.data-card.humidity .data-value{color:#3b82f6}.data-card.soil .data-value{color:#10b981}.data-card.health .data-value{color:#a855f7}.data-label{font-size:.8rem;color:#aaa}.ai-insights{background:linear-gradient(135deg,#a855f71a,#3b82f61a);padding:1rem;border-radius:10px;border:1px solid rgba(168,85,247,.3)}.ai-insights h4{color:gold;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.insight-text{color:#fff;line-height:1.6;margin-bottom:.75rem}.insight-meta{display:flex;justify-content:space-between;font-size:.85rem;color:#aaa;border-top:1px solid rgba(255,255,255,.1);padding-top:.75rem}.farm-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#ffffff0d;border-radius:8px}.stat-value{font-weight:600}.stat-value.healthy{color:#10b981}.stat-value.warning{color:#f59e0b}.stat-value.critical{color:#ef4444}.certifications h4{color:gold;margin-bottom:.75rem}.certs-grid{display:flex;flex-wrap:wrap;gap:.5rem}.cert-badge{padding:.25rem .75rem;background:#ffd7001a;color:gold;border-radius:20px;font-size:.8rem;border:1px solid rgba(255,215,0,.3)}.farm-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,215,0,.2)}.action-btn{padding:.75rem 1rem;border-radius:10px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center}.action-btn.analytics{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.action-btn.contact{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.action-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.insights-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}@media(max-width:1024px){.insights-dashboard{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.insights-dashboard{grid-template-columns:1fr}}.insight-card{text-align:center;padding:1.5rem}.insight-icon{font-size:2.5rem;margin-bottom:1rem}.insight-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.insight-label{color:#aaa;font-size:.9rem}.advanced-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff0d;border-radius:15px;border:1px solid rgba(255,215,0,.2);margin-bottom:2rem}.control-group{display:flex;gap:1rem}.control-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,gold,#daa520);border:none;border-radius:10px;color:#000;font-weight:600;cursor:pointer;transition:all .3s ease}.control-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ffd70066}.system-status{display:flex;align-items:center;gap:.75rem}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.ready{background:#10b981;animation:pulse 2s infinite}.status-dot.loading{background:#f59e0b;animation:pulse 1s infinite}.pomegranate-container{position:fixed;top:20%;right:5%;width:200px;height:200px;z-index:1000;cursor:pointer;pointer-events:auto}@media(max-width:768px){.pomegranate-container{width:120px;height:120px;top:10%;right:2%}}.pomegranate{width:100%;height:100%;background:radial-gradient(circle at 30% 30%,#ff6b6b,#d63031,gold);border-radius:50%/60% 60% 40% 40%;position:relative;animation:float 6s ease-in-out infinite,rotate 20s linear infinite;box-shadow:0 0 50px #ff6b6b80;transition:all .3s ease}.pomegranate:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:30px;height:20px;background:#00b894;border-radius:50%;box-shadow:0 0 20px #00b894b3}.pomegranate.cutting{opacity:0;transform:scale(.8)}.pomegranate-pieces{position:absolute;width:100%;height:100%;opacity:0}.pomegranate.cutting .pomegranate-pieces{opacity:1}.piece{position:absolute;width:30px;height:30px;background:radial-gradient(circle,#ff6b6b,#d63031);border-radius:50%;animation:explode 2s ease-out forwards}.piece:nth-child(1){top:20%;left:30%;animation-delay:0s;--dx: -80px;--dy: -60px}.piece:nth-child(2){top:40%;left:60%;animation-delay:.1s;--dx: 90px;--dy: -40px}.piece:nth-child(3){top:60%;left:20%;animation-delay:.2s;--dx: -70px;--dy: 80px}.piece:nth-child(4){top:30%;left:70%;animation-delay:.3s;--dx: 100px;--dy: 70px}.piece:nth-child(5){top:70%;left:50%;animation-delay:.4s;--dx: 60px;--dy: 90px}.piece:nth-child(6){top:50%;left:10%;animation-delay:.5s;--dx: -90px;--dy: 50px}@keyframes explode{0%{opacity:1;transform:scale(1) translate(0)}to{opacity:0;transform:scale(.3) translate(var(--dx),var(--dy))}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.holographic-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,215,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,215,0,.05) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;pointer-events:none;z-index:-2}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.particles-container,.data-streams{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.data-stream{position:absolute;width:2px;height:100px;background:linear-gradient(to bottom,transparent,#ffd700,transparent);animation:dataStream 3s infinite linear}@keyframes dataStream{0%{transform:translateY(-100px);opacity:0}50%{opacity:1}to{transform:translateY(calc(100vh + 100px));opacity:0}}.farm-footer{padding:1.5rem 2rem;background:#000000b3;border-top:1px solid rgba(255,215,0,.2);margin-top:2rem}.footnote{color:#aaa;font-size:.9rem;line-height:1.6;text-align:center;max-width:800px;margin:0 auto 1rem}.footer-links{display:flex;justify-content:center;gap:2rem;font-size:.85rem;color:gold}.robotic-loader{width:100%;height:4px;background:#ffd70033;border-radius:2px;overflow:hidden;position:relative;margin:1rem 0}.robotic-loader:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#ffd700,transparent);animation:roboticLoad 2s infinite}@keyframes roboticLoad{0%{left:-100%}to{left:100%}}@keyframes aiGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes aiPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@tailwind base;@tailwind components;@tailwind utilities;:root{--saffron: #ff9933;--pomegranate: #8b0000;--tealFresh: #008080;--bgDark: #0f172a;--textLight: #f1f5f9;--textShadowDark: rgba(0,0,0,.2);--gold: #D4AF37}html,body,#root{height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bgDark);color:var(--textLight);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(prefers-color-scheme:dark){body{background:#0a0a0a;color:#fff}}