:root{color-scheme:light;--bg: #eef1f7;--surface: #ffffff;--surface-muted: #f6f7fb;--border: #e1e6f0;--border-strong: #c8d0e2;--accent: #0d6efd;--accent-dark: #0b5ed7;--accent-soft: rgba(13, 110, 253, .08);--text: #182237;--text-muted: #5f6b87;--danger: #c92a2a;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f2f5ff,#f7f9ff 42%,#fbfcff);color:var(--text);font-family:inherit}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button{font-family:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{display:none!important}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-navbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 32px;background:#f8faffeb;border-bottom:1px solid rgba(200,208,228,.55);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-brand{display:inline-flex;align-items:center;gap:12px;color:inherit}.brand-logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#0d6efd,#7c5cff);color:#fff;font-weight:700;letter-spacing:.5px;display:grid;place-items:center}.brand-title{margin:0;font-weight:700;font-size:17px}.brand-subtitle{margin:0;font-size:12px;color:var(--text-muted)}.app-nav{display:flex;align-items:center;gap:6px;flex:1}.app-nav-toggle{display:none;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.app-nav-toggle:hover{color:var(--text);border-color:#0d6efd66}.app-nav-item{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;font-weight:500;color:var(--text-muted);transition:background .2s ease,color .2s ease,box-shadow .2s ease}.app-nav-item:hover{color:var(--text);background:var(--accent-soft)}.app-nav-item.is-active{color:var(--accent);background:#0d6efd24;box-shadow:inset 0 0 0 1px #0d6efd38}.app-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.app-icon-button{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-weight:500;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.app-icon-button .icon-wrapper{position:relative;display:inline-flex}.badge-count{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #c92a2a66}.app-icon-button:hover{color:var(--text);border-color:#0d6efd66}.app-icon-button.is-active{color:var(--accent);border-color:#0d6efd73;background:#0d6efd24}.app-user{display:inline-flex;align-items:center;gap:10px;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:8px 12px;box-shadow:0 18px 32px -24px #15214747}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#0d6efd26;color:var(--accent);font-weight:600;letter-spacing:.5px}.user-meta{display:flex;flex-direction:column;line-height:1.2}.user-name{font-weight:600;font-size:14px;color:var(--text)}.user-role{font-size:12px;color:var(--text-muted)}.app-main{flex:1;width:min(1180px,100%);margin:36px auto 60px;padding:0 36px 60px;display:flex;flex-direction:column;gap:28px}.page{display:flex;flex-direction:column;gap:24px}.page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.page-title{margin:0;font-size:28px;font-weight:700;display:flex;align-items:center;gap:12px}.page-description{margin:4px 0 0;color:var(--text-muted);max-width:640px;line-height:1.5}.page-actions{display:flex;flex-wrap:wrap;gap:10px}.card{background:linear-gradient(180deg,#fff,#f9fbff);border-radius:24px;border:1px solid rgba(205,214,233,.55);padding:24px;box-shadow:0 32px 64px -40px #0f172a40}.filters-card{padding:18px 20px;background:linear-gradient(180deg,#f9fbff,#f6f9ff)}.filters-row{display:grid;grid-template-columns:1fr auto;gap:12px}.filters-row .input,.filters-row select{background:#ffffffeb}.users-filters{align-items:center;grid-template-columns:auto auto 1fr;gap:10px}.users-filters__label{font-size:13px}.users-filters__select{max-width:140px}.users-filters__summary{justify-self:end;text-align:right}.list-card{padding:24px}.empty-state{text-align:center;color:var(--text-muted);padding:48px 16px;font-size:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.cardItem{background:linear-gradient(180deg,#f8f9ff,#f2f5ff);border:1px solid rgba(205,214,233,.6);border-radius:22px;padding:18px;box-shadow:0 18px 40px -28px #21326059}.inventory-row{display:grid;grid-template-columns:120px 1fr auto;gap:12px;align-items:stretch}.thumb-list{width:120px;height:80px;border-radius:8px;object-fit:cover}.inventory-content{min-width:0;display:flex;flex-direction:column;gap:6px}.inventory-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.inventory-title{margin:0;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-description{font-size:13px;color:#666;line-height:1.4}.inventory-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;flex-wrap:wrap}.inventory-actions{display:flex;flex-direction:column;gap:6px;align-items:stretch;min-width:120px}.inventory-actions .btn{width:100%;justify-content:center}.badge-warning{background:#fee2e2;color:#b91c1c}.thumb{width:100%;height:160px;object-fit:cover;border-radius:14px;background:#f0f2f5}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:4px 10px;font-size:12px;border-radius:999px;background:linear-gradient(135deg,#0d6efd1f,#0d6efd33);color:var(--accent);font-weight:600;white-space:nowrap}.actions{display:flex;gap:12px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:12px;border:none;background:linear-gradient(135deg,#0d6efd,#3a7bff);color:#fff;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .2s ease}.btn:hover{background:linear-gradient(135deg,#0b5ed7,#346fee);box-shadow:0 12px 24px -18px #0d6efd99;transform:translateY(-1px)}.btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.btn.secondary{background:var(--surface);color:var(--accent);border:1px solid rgba(13,110,253,.3);box-shadow:none}.btn.secondary:hover{background:#0d6efd14;transform:none}.btn.danger{background:var(--danger);box-shadow:none}.btn.large{width:100%;padding:12px 18px;font-size:16px}.btn-loading{display:inline-flex;align-items:center;gap:8px}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input,.textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#fff;font-size:15px;transition:border .2s ease,box-shadow .2s ease}.input:focus,.textarea:focus{outline:none;border-color:#0d6efd99;box-shadow:0 0 0 3px #0d6efd24}.row{display:grid;gap:12px}.form-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:flex-end;gap:18px}.file-picker{display:grid;grid-template-columns:1fr auto;gap:8px}.preview-box{border:1px dashed var(--border);border-radius:14px;height:160px;width:220px;background:var(--surface-muted);display:grid;place-items:center;color:var(--text-muted);font-size:13px;overflow:hidden}.preview-box img{width:100%;height:100%;object-fit:cover}.price-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.qty-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.form-actions{display:flex;justify-content:flex-end;gap:12px}.label{font-size:13px;color:var(--text-muted);margin-bottom:6px;display:block;font-weight:500}.textarea{resize:vertical;min-height:120px}.err{color:var(--danger);font-size:14px;margin:0}.err.text-center{text-align:center}.space-y-4>*+*{margin-top:16px}.notifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.notification-card{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:22px;border-radius:22px;border:1px solid rgba(205,214,233,.5);background:linear-gradient(180deg,#fff,#f5f7ff);box-shadow:0 24px 50px -36px #0f172a73;align-items:flex-start;min-height:100%}.notification-content{display:flex;flex-direction:column;gap:12px;min-width:0}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.notification-title{margin:0;font-size:17px;font-weight:700;letter-spacing:.01em}.notification-time{font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums}.notification-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.notification-body{display:flex;flex-direction:column;gap:10px}.notification-message{margin:0;color:var(--text);line-height:1.5;font-size:14px}.notification-info{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--text-muted);background:#0d6efd14;padding:6px 10px;border-radius:999px}.notification-info span{word-break:break-word}.entity-pill{display:inline-flex;margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:5px 10px;border-radius:999px;font-weight:600;background:#18223714;color:var(--text-muted);width:fit-content}.entity-pill.entity-success{background:#0fb76b2e;color:#0f9d58}.entity-pill.entity-warning{background:#f4b40033;color:#b45309}.entity-pill.entity-info{background:#3b82f62e;color:#2563eb}.entity-pill.entity-muted{background:#94a3b833;color:#475569}.notification-info .dot{width:4px;height:4px;background:#1822374d;border-radius:50%}.notification-info .ip{font-variant-numeric:tabular-nums}.notification-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--surface-muted);color:var(--accent)}.meta-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:12px 0 0}.meta-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#0d6efd1a;color:var(--accent);font-size:12px}.meta-key{font-weight:600;text-transform:uppercase;font-size:11px}.meta-value{color:var(--text);font-weight:500}.ua{margin-top:10px;font-size:11px;color:#1822378c;word-break:break-word}.notification-card.is-success{border-color:#0fb76b66}.notification-card.is-success .notification-icon{background:#0fb76b1f;color:#0fb76b}.notification-card.is-warning{border-color:#f4b40066}.notification-card.is-warning .notification-icon{background:#f4b40024;color:#d97706}.notification-card.is-info{border-color:#3b82f659}.notification-card.is-info .notification-icon{background:#3b82f61f;color:#2563eb}.notification-card.is-muted{opacity:.85}.status-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#0d6efd1f;color:var(--accent);text-transform:capitalize}.status-pill.is-success{background:#0fb76b24;color:#0f9d58}.status-pill.is-warning{background:#f4b40029;color:#b45309}.status-pill.is-muted{background:#94a3b82e;color:#475569}.table-scroll{width:100%;overflow-x:auto}.table-scroll .data-table{min-width:560px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border)}.data-table th{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.data-table tbody tr:hover{background:#0d6efd0d}.contact-row{display:flex;align-items:center;gap:8px;font-size:14px;margin-top:4px}.contact-row:first-of-type{margin-top:0}.muted-text{color:var(--text-muted);font-size:12px}.table-footer{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.table-pagination{display:flex;gap:8px}.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,rgba(13,110,253,.18),transparent 55%),var(--bg);padding:24px}.auth-card{width:min(440px,100%);background:#fffffffa;border-radius:20px;padding:36px;box-shadow:0 40px 80px -40px #0f172a73;border:1px solid rgba(225,230,240,.8)}.auth-title{margin:0;font-size:26px;font-weight:700;text-align:center}.auth-subtitle{margin:8px 0 24px;text-align:center;color:var(--text-muted)}.input-with-icon{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:#fff}.input-with-icon input{border:0;outline:none;font-size:15px}.input-with-icon:focus-within{border-color:#0d6efd80;box-shadow:0 0 0 3px #0d6efd1f}.text-center{text-align:center}.hidden-sm{display:inline}@media (max-width: 900px){.app-navbar{flex-wrap:wrap;align-items:center;padding:16px 20px;gap:12px}.app-brand{order:1;width:100%}.app-nav-toggle{order:2;display:inline-flex;margin-left:auto}.app-actions{order:3;width:100%;justify-content:space-between;gap:10px}.app-actions .app-icon-button,.app-actions .app-user{flex:1 1 160px}.app-user{justify-content:space-between}.app-nav{order:4;width:100%;display:none;flex-direction:column;align-items:stretch;gap:8px;padding:12px;background:#ffffffeb;border:1px solid rgba(200,208,228,.55);border-radius:16px}.app-nav.is-open{display:flex}.app-nav-item{width:100%;justify-content:flex-start}.app-main{padding:0 20px 40px}.hidden-sm{display:none}.preview-box{width:100%}.page-header{align-items:flex-start}.notifications-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width: 720px){.inventory-row{grid-template-columns:minmax(0,1fr)}.thumb-list{width:100%;height:200px}.inventory-actions{flex-direction:row;flex-wrap:wrap;gap:8px}.inventory-actions .btn{flex:1 1 140px}.inventory-title{white-space:normal}.users-filters{grid-template-columns:1fr;gap:12px}.users-filters__summary{justify-self:start;text-align:left}.table-footer{flex-direction:column;align-items:flex-start;gap:12px}.notification-card{grid-template-columns:minmax(0,1fr);padding:20px}.notification-icon{width:36px;height:36px}.notification-tags{flex-direction:column;align-items:flex-start;gap:6px}.notification-info{width:100%;justify-content:flex-start}}@media (max-width: 600px){.app-main{margin-top:24px;padding:0 18px 32px}.card{padding:20px}.filters-row{grid-template-columns:1fr}.form-actions{flex-direction:column;align-items:stretch}.btn.large{font-size:15px}.notifications-grid{grid-template-columns:1fr}.notification-header{flex-direction:column;align-items:flex-start;gap:6px}}@media (max-width: 480px){.app-navbar{padding:14px 16px}.app-actions{flex-direction:column;align-items:stretch;gap:8px}.app-actions .app-icon-button,.app-actions .app-user{width:100%;flex:1 1 auto;justify-content:flex-start}.app-user{gap:8px}.app-main{padding:0 16px 28px}.page-title{font-size:24px}.inventory-actions .btn{flex:1 1 100%}.notification-card{padding:18px}}