@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: #eff6ff;--color-secondary: #64748b;--color-secondary-hover: #475569;--color-danger: #ef4444;--color-danger-hover: #dc2828;--color-surface: rgba(255, 255, 255, .85);--color-surface-hover: rgba(255, 255, 255, .95);--color-background: #f8fafc;--color-border: #e2e8f0;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #94a3b8;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--glass-blur: blur(12px);--border-radius-sm: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--color-background);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#f8fafc);min-height:100vh}.app-container{max-width:1400px;margin:0 auto;padding:2rem}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:1.5rem;transition:box-shadow var(--transition-normal)}.glass-panel:hover{box-shadow:var(--shadow-lg)}.page-title{font-size:1.875rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem;letter-spacing:-.025em}.page-subtitle{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:2rem;display:flex;align-items:center;gap:.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.form-input,.form-select{padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:var(--border-radius-md);background-color:var(--color-surface);font-family:Inter,sans-serif;font-size:.875rem;color:var(--color-text-primary);transition:all var(--transition-fast);outline:none}.form-input:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);background-color:#fff}.form-input[readonly]{background-color:#f1f5f9;color:var(--color-text-secondary);cursor:not-allowed}.form-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary);cursor:pointer}.form-checkbox{width:1rem;height:1rem;accent-color:var(--color-primary);cursor:pointer}.input-group{display:flex;gap:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:var(--border-radius-md);font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:all var(--transition-fast)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{background-color:#fff;border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover{background-color:#f8fafc;transform:translateY(-1px)}.btn-outline{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-outline:hover{background-color:var(--color-surface);color:var(--color-text-primary)}.btn-icon{padding:.5rem;border-radius:var(--border-radius-md);color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--color-primary-light);color:var(--color-primary)}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.search-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;margin-bottom:1.5rem}.search-actions{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.05)}.search-actions-left{margin-right:auto}.table-container{overflow-x:auto;border-radius:var(--border-radius-md);border:1px solid var(--color-border);background:#fff}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th,.data-table td{padding:1rem 1.25rem;font-size:.875rem;border-bottom:1px solid var(--color-border)}.data-table th{background-color:#f8fafc;color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background-color:var(--color-primary-light)}.data-table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:var(--border-radius-full);font-size:.75rem;font-weight:600}.badge-admin{background-color:#fef3c7;color:#d97706}.badge-store{background-color:#dbeafe;color:#2563eb}.badge-locked{background-color:#fee2e2;color:#dc2828}.badge-active{background-color:#dcfce3;color:#16a34a}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.05)}.pagination-info{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.pagination-controls{display:flex;align-items:center;gap:.5rem}.page-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--border-radius-sm);border:1px solid var(--color-border);background:#fff;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:500}.page-btn:hover:not(:disabled){background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary-light)}.page-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.page-btn:disabled{opacity:.5;cursor:not-allowed;background:#f1f5f9}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.delay-1{animation:fadeIn .4s ease-out .1s forwards;opacity:0}.delay-2{animation:fadeIn .4s ease-out .2s forwards;opacity:0}.layout-wrapper{display:flex;min-height:100vh;width:100%;background-color:var(--color-background)}.fixed-sidebar{width:260px;background-color:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:50;box-shadow:2px 0 10px #00000008}.sidebar-header{height:64px;display:flex;align-items:center;padding:0 1.5rem;border-bottom:1px solid var(--color-border);gap:.75rem}.sidebar-logo-icon{background:#0066c01a;border-radius:8px;padding:4px}.sidebar-brand{font-size:1.1rem;font-weight:700;color:#0066c0;letter-spacing:-.5px}.sidebar-nav{flex:1;overflow-y:auto;padding:1rem 0}.nav-group{margin-bottom:.5rem}.nav-item-root{width:100%;border:none;background:transparent;display:flex;align-items:center;padding:.75rem 1.5rem;color:var(--color-text-secondary);font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.nav-item-root:hover{background-color:#00000005;color:var(--color-text-primary)}.nav-item-root.active{color:var(--color-primary)}.nav-item-icon{margin-right:.75rem;display:flex;align-items:center}.nav-item-label{flex:1;font-size:.95rem}.nav-chevron{transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.nav-chevron.expanded{transform:rotate(180deg)}.nav-children{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out;background-color:#f8fafc66}.nav-children.expanded{grid-template-rows:1fr}.nav-children-inner{overflow:hidden}.nav-child-link{display:block;min-height:0;padding:.6rem 1.5rem .6rem 3.5rem;color:var(--color-text-secondary);text-decoration:none;font-size:.875rem;transition:all .2s}.nav-child-link:hover{color:var(--color-primary);background-color:#3b82f60d}.nav-child-link.active{color:var(--color-primary);font-weight:600;background-color:#3b82f614;border-right:3px solid var(--color-primary)}.main-content{flex:1;margin-left:260px;display:flex;flex-direction:column}.top-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:40;border-radius:0;border-left:none;border-right:none;border-top:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9}.header-left{display:flex;align-items:center}.header-right{display:flex;align-items:center;gap:1.5rem}.login-info{display:flex;align-items:center;gap:.75rem}.login-info-user{font-size:.9rem;font-weight:500;color:var(--color-text-primary)}.login-greeting{color:var(--color-text-tertiary);font-size:.8rem;margin-left:.25rem}.header-divider{width:1px;height:24px;background-color:var(--color-border)}.btn-logout{display:flex;align-items:center;gap:.5rem;border:none;background:transparent;color:var(--color-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;padding:.5rem .75rem;border-radius:.375rem;transition:all .2s}.btn-logout:hover{background-color:#fee2e2;color:#ef4444}.page-wrapper{padding:2rem;flex:1}.app-container{width:100%}.login-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f4f8,#e2e8f0);position:relative;overflow:hidden}.glass-shape{position:absolute;border-radius:50%;filter:blur(60px);z-index:0}.shape-1{width:500px;height:500px;background:#3b82f666;top:-100px;right:-100px;animation:float 10s infinite ease-in-out alternate}.shape-2{width:400px;height:400px;background:#10b98133;bottom:-50px;left:-50px;animation:float 12s infinite ease-in-out alternate-reverse}@keyframes float{0%{transform:translateY(0) scale(1)}to{transform:translateY(-30px) scale(1.1)}}.login-card{width:100%;max-width:440px;padding:3rem;position:relative;z-index:10;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #fff6 inset;background:#ffffffbf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.login-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2.5rem}.login-logo-circle{width:64px;height:64px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 4px 6px -1px #0000001a}.login-brand{font-size:1.75rem;font-weight:800;letter-spacing:-.5px;margin-bottom:.25rem}.login-subtitle{color:var(--color-text-secondary);font-size:.95rem;font-weight:500}.login-error{background-color:#fef2f2;border-left:4px solid #ef4444;color:#b91c1c;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500}.login-form .form-group{margin-bottom:1.5rem}.login-input-group{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:1rem;color:var(--color-text-tertiary);pointer-events:none}.login-input{width:100%;padding:.8rem 1rem .8rem 2.8rem;border:1px solid var(--color-border);border-radius:.75rem;font-size:1rem;background:#fffc;transition:all .2s;box-shadow:0 1px 2px #00000005 inset}.login-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626;background:#fff}.login-btn{width:100%;padding:.875rem;font-size:1.05rem;border-radius:.75rem;display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;box-shadow:0 4px 6px -1px #2563eb33}.login-footer{margin-top:2rem;text-align:center}.btn-link{background:none;border:none;color:var(--color-primary);font-size:.9rem;font-weight:500;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;transition:all .2s}.btn-link:hover{text-decoration-color:var(--color-primary)}.login-hint-text{margin-top:2rem;text-align:left;background:#00000008;padding:1rem;border-radius:.5rem;font-size:.8rem;color:var(--color-text-secondary)}.login-hint-text code{background:#fff;padding:.1rem .3rem;border-radius:.25rem;font-weight:700}.dash-container{display:flex;flex-direction:column;gap:1.5rem;animation:fadeIn var(--transition-normal)}.dash-header{display:flex;flex-direction:column;gap:.25rem}.dash-header-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.dash-header-desc{font-size:.875rem;color:var(--color-text-secondary);background:#ffffff0d;padding:.375rem .75rem;border-radius:var(--border-radius-sm);border:1px solid var(--color-border);display:inline-block;width:max-content;max-width:100%}.stats-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stats-card{position:relative;padding:1.25rem;overflow:hidden;display:flex;flex-direction:column;justify-content:center;transition:all var(--transition-normal);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);background:var(--glass-bg);box-shadow:var(--shadow-sm);cursor:default}.stats-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;position:relative;z-index:10}.stats-title{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.stats-icon{padding:.5rem;border-radius:.5rem;background:#00000008;display:flex;align-items:center;justify-content:center}.stats-body{display:flex;align-items:baseline;gap:.25rem;position:relative;z-index:10}.stats-value{font-size:1.875rem;font-weight:700;letter-spacing:-.05em;margin-right:.25rem}.stats-suffix{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.stats-deco{position:absolute;bottom:-2.5rem;right:-2.5rem;width:8rem;height:8rem;border-radius:50%;border:1px solid rgba(255,255,255,.5);opacity:.3;transition:transform .7s ease-out;z-index:0;pointer-events:none}.stats-card:hover .stats-deco{transform:scale(1.5)}.theme-blue .stats-value,.theme-blue .stats-icon{color:#3b82f6}.theme-purple .stats-value,.theme-purple .stats-icon{color:#8b5cf6}.theme-green .stats-value,.theme-green .stats-icon{color:#10b981}.theme-gray .stats-value,.theme-gray .stats-icon{color:#64748b}.dash-controls{padding:1.25rem;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.dash-form{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}@media (max-width: 768px){.dash-form{flex-direction:column;align-items:stretch}}.dash-input-wrap{flex:1;min-width:250px;display:flex;flex-direction:column;gap:.375rem;width:100%}.dash-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.dash-input-row{display:flex;align-items:center;gap:.5rem;position:relative}.dash-input-icon{position:absolute;left:.75rem;color:var(--color-text-tertiary);display:flex;align-items:center;top:0;bottom:0;pointer-events:none}.dash-input{flex:1;width:100%;padding:.5rem .75rem .5rem 2.25rem;border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:.875rem;outline:none;background:#fff;color:var(--color-text-primary);transition:all var(--transition-fast)}.dash-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.dash-input[readonly]{background:#f1f5f9;color:var(--color-text-secondary);cursor:not-allowed;border-color:#e2e8f0}.dash-btn-store{padding:.5rem 1rem;background:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.dash-btn-store:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.dash-btn-store:disabled{opacity:.5;cursor:not-allowed}.dash-actions{display:flex;gap:.5rem;flex-wrap:wrap;width:100%}@media (min-width: 768px){.dash-actions{width:auto}}.dash-btn-search{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.dash-btn-search:hover{background:var(--color-primary-hover)}.dash-btn-clear{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.5rem;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.dash-btn-clear:hover{background:#f1f5f9;border-color:#cbd5e1;color:var(--color-text-primary)}.dash-table-container{display:flex;flex-direction:column;overflow:hidden;width:100%;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.dash-table-header{padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;background:#fde68a26}.dash-table-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.dash-pagination{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:var(--color-text-secondary)}.dash-pagination strong{color:var(--color-text-primary);font-weight:600}.pagination-controls{display:flex;align-items:center;gap:.375rem}.page-btn{padding:.375rem;border-radius:.25rem;border:1px solid var(--color-border);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;outline:none;transition:background .2s}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn:hover:not(:disabled){background:#f1f5f9}.dash-table-wrap{overflow-x:auto;width:100%;position:relative}.dash-table{width:100%;min-width:900px;border-collapse:collapse;text-align:left}.dash-table th{padding:.75rem 1rem;font-size:.875rem;font-weight:600;border-bottom:1px solid var(--color-border);background:#fde68a4d;white-space:nowrap;color:var(--color-text-primary)}.dash-table td{padding:.75rem 1rem;font-size:.875rem;border-bottom:1px solid var(--color-border);white-space:nowrap;color:var(--color-text-primary)}.dash-table tbody tr{transition:background-color var(--transition-fast)}.dash-table tbody tr:hover td{background:#00000005}.align-right{text-align:right}.text-trunc{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary)}.badge-purple{display:inline-flex;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;background:#f3e8ff;color:#7e22ce}.badge-green{display:inline-flex;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;background:#dcfce3;color:#15803d}.status-flex{display:inline-flex;align-items:center;gap:.375rem}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#3b82f6;vertical-align:middle;margin-right:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{position:relative;width:100%;max-width:32rem;display:flex;flex-direction:column;max-height:90vh;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:0 25px 50px -12px #00000080;background:var(--color-surface);z-index:101;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);background:#f8fafc}.modal-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.modal-close{background:transparent;border:none;cursor:pointer;padding:.375rem;border-radius:.25rem;color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#0000000d;color:var(--color-text-primary)}.modal-body{padding:1.5rem;overflow-y:auto;color:var(--color-text-primary)}.modal-hint{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:1rem;line-height:1.5}.store-list-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media (min-width: 640px){.store-list-grid{grid-template-columns:1fr 1fr}}.store-btn{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);cursor:pointer;transition:all .2s;text-align:left}.store-btn:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.store-btn span{font-weight:500;color:var(--color-text-primary)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.grouped-matrix{border-spacing:0;border-collapse:separate;width:100%}.grouped-matrix th{padding:1rem 1.25rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;transition:background-color var(--transition-fast)}.grouped-matrix td{padding:.875rem 1.25rem;font-size:.875rem;transition:all var(--transition-fast);background:#fff6}.grouped-matrix tbody tr{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s;cursor:default}.grouped-matrix tbody tr:hover td{background:#eef2ff99!important;color:#3730a3!important}.grouped-matrix tbody tr:hover td:first-child,.grouped-matrix tbody tr:hover td:nth-child(2),.grouped-matrix tbody tr:hover td:nth-child(3){background:#e0e7ffcc!important}.grouped-matrix tfoot tr{box-shadow:0 -4px 10px #00000005}.table-container::-webkit-scrollbar{height:8px;width:8px}.table-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}.drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0e151f99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;animation:fadeIn .3s forwards;display:flex;justify-content:flex-end}@keyframes fadeIn{to{opacity:1}}.drawer-panel{width:500px;max-width:90vw;height:100vh;background:#16212cd9;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-left:1px solid rgba(255,255,255,.1);box-shadow:-10px 0 40px #00000080;transform:translate(100%);animation:slideInRight .3s cubic-bezier(.25,.8,.25,1) forwards;display:flex;flex-direction:column}@keyframes slideInRight{to{transform:translate(0)}}.drawer-header{padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.drawer-title{font-size:1.2rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:12px}.drawer-close-btn{background:none;border:none;color:#9bb1c1;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;display:flex}.drawer-close-btn:hover{background:#ffffff1a;color:#fff}.drawer-content{padding:32px;flex:1;overflow-y:auto}.drawer-footer{padding:16px 32px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:flex-end;gap:12px;background:#0000001a}