:root{--bg: #f5efe9;--panel: #fff;--shadow: 0 10px 30px rgba(0, 0, 0, .06);--text: #2b2b2b;--muted: #7a746b;--olive-900: #5c554c;--olive-800: #6c645a;--olive-700: #7c7469;--olive-600: #8c8377;--green-700: #6e8251;--green-600: #8fa565;--green-500: #a8c17d;--accent: #e5a356;--radius: 16px;--ctrl-h: 56px;--ctrl-radius: 18px;--background: var(--bg);--card-background: var(--panel);--border-color: #e0e0e0;--primary: var(--green-600);--text-secondary: var(--muted)}body.dark{--bg: #1a1a1a;--panel: #2a2a2a;--text: #ffffff;--muted: #e0e0e0;--background: var(--bg);--card-background: var(--panel);--border-color: #444444;--primary: var(--green-600);--text-secondary: var(--muted);background:linear-gradient(#0f0f0f,#1a1a1a)}body.dark .sidebar{background:#2a2a2a;color:#fff}body.dark .card{background:var(--panel);color:var(--text)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font:16px/1.35 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--text);background:linear-gradient(#f8f3ee,#efe8e1);overflow-x:hidden}.nutaria-app{display:grid;grid-template-columns:280px 1fr;gap:24px;padding:24px;min-height:100vh}.sidebar{background:#594f47;color:#ede6df;border-radius:22px;padding:20px 16px;display:flex;flex-direction:column;position:sticky;top:24px;height:calc(100vh - 48px)}.brand{display:flex;align-items:center;gap:12px;padding:6px 12px 18px}.brand-mark{width:70px;height:70px;background:#6a5f56;border-radius:14px;display:grid;place-items:center;box-shadow:inset 0 0 0 2px #7a6f66}.brand-mark svg{width:42px;height:42px}.brand-text .logo-word{font-weight:800;letter-spacing:1px;font-size:22px;text-transform:lowercase}.sidebar-logo{width:100px}.nav{display:flex;flex-direction:column;gap:6px;margin-top:6px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:#f1ebe4;text-decoration:none}.nav-item .nav-ico{display:grid;place-items:center;opacity:.95}.nav-item:hover{background:#6a6158}.nav-item.active{background:#8fa565;color:#1b1b1b;font-weight:600}.nav-item.active:hover{background:#8fa565}.nav-divider{height:2px;background:#ffffff26;margin:10px 0;border:none}.nav .collapse{display:block;margin:0;padding:0}.nav .collapse>summary{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;cursor:pointer;list-style:none;margin:0}.nav .collapse>summary::-webkit-details-marker{display:none}.nav .collapse>summary::marker{content:""}.nav .collapse .chev{margin-left:auto}.nav .collapse>.collapse-body{padding:6px 10px 10px 20px;display:flex;flex-direction:column;gap:6px}.nav .collapse>summary:hover{background:#6a6158}.nav .collapse[open]>summary{background:#6a6158}.sidebar-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between}.fab{width:42px;height:42px;border-radius:12px;border:none;background:#8fa565;color:#1e1e1e;display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow)}.logout-btn{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:none;background:transparent;color:#f1ebe4;cursor:pointer;transition:background .2s ease;font-size:16px;width:100%;justify-content:flex-start}.logout-btn:hover{background:#6a6158}.logout-btn i{opacity:.95}.logout-btn span{font-weight:600}.main{display:flex;flex-direction:column;gap:20px}.page-content{padding:24px}.page-title{color:var(--text);margin-bottom:24px;font-size:26px;font-weight:700}.filters-container{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap;padding:16px;background:var(--panel);border-radius:16px;box-shadow:var(--shadow)}.filter-item{position:relative}.filter-select,.filter-input{height:48px;padding:0 20px;border:1px solid var(--border);border-radius:24px;background:var(--bg);color:var(--text);font-size:14px;font-weight:500;outline:none;transition:all .2s ease;cursor:pointer;box-shadow:0 2px 8px #00000014}.filter-select:focus,.filter-input:focus{border-color:var(--green-600);box-shadow:0 0 0 3px #8fa56526,0 4px 12px #0000001f;transform:translateY(-1px)}.filter-select:hover,.filter-input:hover{border-color:var(--green-500);box-shadow:0 4px 12px #0000001f}.filter-select{min-width:180px;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236c757d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;padding-right:40px}.filter-input{min-width:160px}.filter-clear-btn{height:48px;padding:0 20px;border:none;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 2px 8px #00000014;background:var(--bg);color:var(--muted);border:1px solid var(--border)}.filter-clear-btn:hover{background:#fee;color:#dc3545;border-color:#dc3545;transform:translateY(-1px);box-shadow:0 4px 12px #dc354540}.filter-clear-btn:active{transform:translateY(0)}.filter-clear-btn i{font-size:12px}@media (max-width: 768px){.filters-container{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.filter-select,.filter-input{width:100%;min-width:unset}.filter-clear-btn{width:100%;justify-content:center}}.topbar{background:transparent;display:flex;align-items:end;justify-content:space-between;padding:6px 6px 0}.topbar h1{margin:0 0 6px;font-size:26px}.sub{margin:0;color:var(--muted);font-size:14px}.actions{display:flex;align-items:center;gap:12px}.icon-btn{width:50px;height:50px;border-radius:12px;border:none;background:#fff;box-shadow:var(--shadow);cursor:pointer;display:grid;place-items:center;transition:all .2s ease}.icon-btn:hover{background:#6e8251!important;color:#fff!important}.icon-btn[style*="color: #dc3545"]:hover{background:#dc3545!important}.icon-btn[style*="color: #28a745"]:hover{background:#28a745!important}.avatar{width:48px;height:48px;border-radius:50%;background:#8fa565;color:#1b1b1b;font-weight:700;display:grid;place-items:center}.grid{display:grid;grid-template-columns:1.2fr .9fr;grid-auto-rows:minmax(160px,auto);gap:18px;grid-auto-flow:row dense}.card{background:var(--panel);border-radius:18px;box-shadow:var(--shadow);padding:18px}.donut-card{grid-column:1/2}.donut-card h3{margin:0 0 14px}.donut-wrap{display:flex;align-items:center;gap:22px}.donut{width:260px;height:260px;border-radius:50%;display:grid;place-items:center}.donut-hole{width:65%;height:65%;background:#fff;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #eee}body.dark .donut-hole{background:var(--panel);box-shadow:inset 0 0 0 1px #444}.donut-label{display:flex;flex-direction:column;align-items:center;line-height:1}.donut-label strong{font-size:26px}.donut-label span{font-size:14px;color:var(--muted)}.legend{list-style:none;margin:0;padding:0;display:grid;gap:10px}.legend li{display:flex;align-items:center;gap:10px;color:#5a554d}body.dark .legend li{color:var(--muted)}.legend .dot{width:12px;height:12px;border-radius:3px;display:inline-block}.month-card{grid-column:2/3}.month-head{display:inline-flex;align-items:center;gap:8px;background:#7e8c68;color:#fff;padding:6px 12px;border-radius:999px;font-weight:600;margin-bottom:14px}.cal-ico{display:grid;place-items:center}.money-block{background:#f7f4ef;border-radius:14px;padding:12px 14px;margin-bottom:10px}body.dark .money-block{background:#2a2a2a}.money-block .label{font-weight:800;font-size:20px}.money-block .amount{font-weight:900;font-size:34px}.income .amount,.expense .amount{color:#2c2c2c}body.dark .income .amount,body.dark .expense .amount{color:var(--text)}.note{font-size:12px;color:#554f47;margin:8px 2px 0}body.dark .note{color:var(--muted)}.stat-card{display:flex;align-items:flex-start;gap:20px;flex:1;padding:24px;min-height:120px}.stat-row{grid-column:1/-1;display:flex;gap:18px}.stat-icon{width:72px;height:72px;border-radius:16px;display:grid;place-items:center;background:#7e8c68;color:#fff;flex-shrink:0}.stat-text{flex:1;text-align:left;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important}.stat-text .stat-number{font-size:38px;font-weight:900;line-height:1;color:#2b2b2b;margin:0 0 4px!important;display:block}.stat-text .stat-label{font-weight:700;color:#4e4a43;margin:0!important;font-size:16px;display:block}body.dark .stat-text .stat-number{color:var(--text)}body.dark .stat-text .stat-label{color:var(--muted)}.clickable-card{background:var(--panel);border:2px solid transparent;border-radius:18px;box-shadow:var(--shadow);padding:18px;cursor:pointer;transition:all .3s ease;text-align:left;width:100%;display:block;color:var(--text);text-decoration:none}.clickable-card:hover{transform:translateY(-2px);box-shadow:0 15px 40px #00000026;border-color:var(--green-600)}.clickable-card:active{transform:translateY(0)}.clickable-card .stat-icon{width:72px;height:72px;border-radius:16px;display:grid;place-items:center;background:#7e8c68;color:#fff;margin-bottom:16px;transition:background .3s ease}.clickable-card:hover .stat-icon{background:var(--green-600)}.clickable-card .stat-text .stat-number{font-size:38px;font-weight:900;line-height:1;color:#2b2b2b;margin-bottom:8px}.clickable-card .stat-text .stat-label{font-weight:700;color:#4e4a43;font-size:16px}body.dark .clickable-card .stat-text .stat-number{color:var(--text)}body.dark .clickable-card .stat-text .stat-label{color:var(--muted)}.bar-card{grid-column:1/-1}.bar-card h3{margin:0 0 10px}.bar-legend{display:flex;align-items:center;gap:8px;color:#5a554d;font-size:13px;margin-bottom:8px}body.dark .bar-legend{color:var(--muted)}.key{display:inline-block;width:14px;height:8px;border-radius:2px}.key-a{background:#9aa58b}.key-b{background:#6e8251}.bar-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;align-items:end;height:260px;padding:10px 6px 2px;border-left:1px solid #eee;border-bottom:1px solid #eee}.bar-col{display:flex;flex-direction:column;align-items:center;gap:8px}.bar{width:100%;display:flex;align-items:flex-end;gap:6px;height:200px}.bar-a,.bar-b{flex:1;border-radius:6px 6px 2px 2px;background:#9aa58b}.bar-b{background:#6e8251}.bar-label{font-size:12px;color:#5a554d;text-align:center}body.dark .bar-label{color:var(--muted)}.login-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-panel{display:grid;place-items:center;padding:2rem}.panel-inner{width:100%;max-width:400px}.page-badge{width:60px;height:60px;background:#8fa565;border-radius:12px;margin-bottom:2rem}.title{font-size:2.5rem;font-weight:800;margin:0 0 2rem;color:#2b2b2b}body.dark .title{color:var(--text)}.form{display:flex;flex-direction:column;gap:1rem}.input-wrap{position:relative;display:flex;align-items:center;border:1px solid #ddd;border-radius:8px;padding:.75rem 1rem}.input-ico{color:#7a746b;margin-right:.5rem}.input-wrap input{border:none;outline:none;flex:1;font-size:1rem}.pw-toggle{border:none;background:none;color:#7a746b;cursor:pointer;padding:.25rem}.btn-primary{background:#8fa565;color:#fff;border:none;border-radius:8px;padding:.75rem 1rem;font-size:1rem;font-weight:600;cursor:pointer;text-align:center;display:flex;align-items:center;justify-content:center}.help{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;font-size:.9rem}.link{color:#8fa565;text-decoration:none}.tiny-links{text-align:center;margin-top:2rem;font-size:.8rem}.tiny-links a{color:#8fa565;text-decoration:none}.login-art{background:url(/images/nutaria/Login_art.png) center/cover no-repeat}@media (max-width: 1100px){.nutaria-app{grid-template-columns:1fr}.sidebar{position:static;height:auto}.grid{grid-template-columns:1fr}.bar-card,.month-card{grid-column:1/-1}}@media (max-width: 768px){.nutaria-app{grid-template-columns:1fr;padding:12px;gap:12px}.sidebar,.topbar{display:none}.main{padding-top:80px}.mobile-header{display:flex!important;align-items:center;justify-content:space-between;padding:0;background:#5c554c;border-radius:0;margin:0;position:fixed;top:0;left:0;right:0;z-index:999;width:100vw}.mobile-menu-btn{background:#f5efe9;border:none;font-size:20px;cursor:pointer;padding:8px;height:100%;display:flex;align-items:center;color:#f5efe9}.mobile-logo{text-align:right;padding-right:16px}.mobile-sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:1000}.mobile-sidebar{background:#594f47;width:280px;height:100vh;position:fixed;top:0;left:0;transform:translate(-100%);transition:transform .3s ease}.mobile-sidebar-overlay.show .mobile-sidebar{transform:translate(0)}.actions{flex-wrap:wrap;gap:8px}.search{min-width:200px}.search input{min-width:150px}.grid{gap:12px}.card{padding:12px}.donut-wrap{flex-direction:column;gap:16px}.donut{width:200px;height:200px}.legend{grid-template-columns:repeat(2,1fr)}.bar-chart{grid-template-columns:repeat(4,minmax(0,1fr));height:200px}.bar{height:150px}.stat-row{flex-direction:column;gap:12px}.data-table th,.data-table td{padding:4px 6px;font-size:10px}.data-table{overflow-x:auto;display:block;white-space:nowrap}.data-table th,.data-table td{min-width:80px}.categories-controls{flex-direction:column;align-items:stretch;gap:8px}.search-input-container{width:100%}.btn-primary{width:100%;justify-content:center}.categories-grid{grid-template-columns:1fr!important}.categories-header{flex-direction:column;align-items:flex-start;gap:12px}}@media (min-width: 769px){.mobile-header{display:none}}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;gap:0}.login-panel{display:grid;place-items:center;padding:clamp(16px,3vw,40px)}.panel-inner{width:min(560px,92%);background:var(--panel);border-radius:18px;box-shadow:var(--shadow);padding:clamp(24px,4vw,44px);position:relative}.page-badge{width:56px;height:6px;border-radius:10px;background:var(--green-700);margin:6px 0 14px}.title{margin:0 0 18px;font-size:clamp(28px,3vw,36px)}.form{display:grid;gap:14px;margin-top:12px}.input-wrap{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;background:#e6e2dd;border-radius:12px;padding:8px 10px 8px 12px;position:relative}.input-wrap .input-ico{color:var(--green-700);opacity:.95;display:grid;place-items:center}.input-wrap input{background:transparent;border:none;outline:none;padding:10px 8px;font-size:16px;color:#2b2b2b}.pw-toggle{border:none;background:transparent;cursor:pointer;display:grid;place-items:center;color:#6b6b6b}.pw-toggle:hover{color:#333}.btn-primary{height:48px;border:none;cursor:pointer;border-radius:14px;background:var(--green-700);color:#fff;font-weight:800;letter-spacing:.5px;box-shadow:0 8px 20px #0000001f,inset 0 -2px #0000001f;display:flex;align-items:center;justify-content:center}.btn-primary:active{transform:translateY(1px)}.error{color:#d32f2f;font-size:14px;margin:8px 0}.help{margin-top:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;color:var(--muted)}.help .link{color:var(--green-700);text-decoration:none;font-weight:700}.help .link:hover{text-decoration:underline}.tiny-links{margin-top:40px;font-size:12px;color:#3b3b3b}.tiny-links a{color:#3b3b3b}body.dark .tiny-links,body.dark .tiny-links a{color:var(--muted)}.login-art{background:url(/images/nutaria/Login_art.png) center/cover no-repeat}@media (max-width: 980px){.login-shell{grid-template-columns:1fr}.login-art{display:none}.panel-inner{width:min(640px,94%)}}.theme-toggle{position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;border:none;background:var(--green-600);color:#fff;box-shadow:var(--shadow);cursor:pointer;display:grid;place-items:center;font-size:20px;z-index:1000}.theme-toggle:hover{background:var(--green-700)}.profile-dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;background:var(--panel);border-radius:12px;box-shadow:0 8px 32px #00000026;border:1px solid #e0e0e0;min-width:200px;z-index:1000;margin-top:8px}.dropdown-header{padding:16px;border-bottom:1px solid #e0e0e0}.dropdown-user-name{font-weight:600;font-size:16px;color:var(--text);margin-bottom:4px}.dropdown-user-role{font-size:14px;color:var(--muted)}.dropdown-divider{height:1px;background:#e0e0e0;margin:0}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:transparent;color:var(--text);text-decoration:none;cursor:pointer;transition:background .2s ease;font-size:14px}.dropdown-item:hover{background:#f8f9fa}.dropdown-item i{width:16px;text-align:center;color:var(--muted)}.dropdown-item:first-of-type{border-top-left-radius:12px;border-top-right-radius:12px}.dropdown-item:last-of-type{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.notifications-dropdown{position:relative}.notifications-menu{position:absolute;top:100%;right:0;background:var(--panel);border-radius:12px;box-shadow:0 8px 32px #00000026;border:1px solid #e0e0e0;min-width:380px;max-width:450px;z-index:1000;margin-top:8px;max-height:500px;overflow:hidden;display:flex;flex-direction:column}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0}.notifications-header h4{margin:0;font-size:16px;font-weight:600;color:var(--text)}.mark-all-read{background:transparent;border:none;color:var(--green-600);font-size:14px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s ease}.mark-all-read:hover{background:#8fa5651a}.notifications-list{flex:1;overflow-y:auto;max-height:350px}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s ease}.notification-item:hover{background:#f8f9fa}.notification-item.unread{background:#8fa5650d;border-left:3px solid var(--green-600)}.notification-icon{width:36px;height:36px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#6c757d;flex-shrink:0}.notification-item.unread .notification-icon{background:var(--green-600);color:#fff}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;font-size:14px;color:var(--text);margin-bottom:4px;line-height:1.4}.notification-message{font-size:13px;color:#6c757d;line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{font-size:12px;color:#9ca3af;font-weight:500}.notifications-footer{padding:12px 20px;border-top:1px solid #e0e0e0;text-align:center}.view-all-btn{background:transparent;border:none;color:var(--green-600);font-size:14px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:6px;transition:background .2s ease}.view-all-btn:hover{background:#8fa5651a}.profile-grid{display:grid;grid-template-columns:350px 1fr;grid-template-rows:1fr;gap:32px;max-width:1200px;margin:0 auto;align-items:start}.profile-identity-card{position:sticky;top:100px;height:100%;display:flex;flex-direction:column}.profile-identity-card>div{flex:1;display:flex;flex-direction:column}.profile-details{display:flex;flex-direction:column;gap:24px;height:100%}@media (max-width: 1024px){.profile-grid{grid-template-columns:1fr;gap:24px}.profile-identity-card{position:static;order:-1}}@media (max-width: 768px){.profile-grid{gap:16px}.profile-identity-card .profile-identity-card>div{padding:24px!important}.profile-identity-card .profile-identity-card>div>div:first-child{width:100px!important;height:100px!important;font-size:40px!important;margin-bottom:20px!important}.profile-identity-card .profile-identity-card>div h2{font-size:24px!important}.profile-identity-card .profile-identity-card>div p{font-size:16px!important}}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--bg);color:var(--text)}.page-loader p{margin-top:16px;font-size:18px}.loader{border:4px solid transparent;border-top:4px solid var(--green-600);border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;display:inline-block}.loader.small{width:16px;height:16px;border-width:3px}.loader.large{width:50px;height:50px;border-width:6px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px}.toast{background:#f44;color:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:space-between;min-width:300px;opacity:0;transform:translate(100%);transition:all .3s ease;cursor:pointer}.toast.show{opacity:1;transform:translate(0)}.toast-success{background:#4caf50}.toast-warning{background:#ff9800}.toast-info{background:#2196f3}.toast-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;margin-left:10px}.animate-in{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease-out forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--panel);border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:600px;width:95%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:24px}.modal-header h2{margin:0;font-size:24px;font-weight:700;color:var(--text)}.modal-close-btn{background:none;border:none;font-size:20px;color:var(--muted);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.modal-close-btn:hover{background:#0000001a;color:var(--text)}.modal-content{padding:0 24px;flex:1;overflow-y:auto;max-height:calc(90vh - 140px);scrollbar-width:thin;scrollbar-color:var(--green-600) transparent}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background:var(--green-600);border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--green-700)}.modal-footer{display:flex;gap:12px;justify-content:flex-end;align-items:center;padding:24px;border-top:1px solid rgba(0,0,0,.1);background:#00000005}.customer-modal{animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.form-section h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text)}.section-description{margin:0 0 24px;color:var(--muted);font-size:14px;line-height:1.5}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:600;color:var(--text);font-size:14px}.form-input,.form-textarea{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:all .2s ease;background:#fff;color:var(--text);box-sizing:border-box}.form-textarea{resize:vertical;min-height:60px;font-family:inherit}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.btn-secondary{background:#f8f9fa;color:var(--text);border:2px solid #e9ecef;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-secondary:hover{background:#e9ecef;border-color:#dee2e6}.btn-primary{background:var(--green-600);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #8fa5654d}.btn-primary:hover{background:var(--green-700);transform:translateY(-1px);box-shadow:0 6px 16px #8fa56566}.btn-primary:active{transform:translateY(0)}.btn-success{background:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #28a7454d}.btn-success:hover{background:#218838;transform:translateY(-1px);box-shadow:0 6px 16px #28a74566}.btn-success:active{transform:translateY(0)}.modal-header{border-bottom:3px solid var(--green-600)}.form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-weight:600;color:var(--text);font-size:14px;margin-bottom:4px}.form-input,.form-textarea{padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:all .2s ease;background:#fff;color:var(--text);box-sizing:border-box;font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--green-600);box-shadow:0 0 0 3px #8fa5651a}.form-input::placeholder,.form-textarea::placeholder{color:var(--muted);opacity:.7}.form-textarea{resize:vertical;min-height:60px}.view-modal{max-width:800px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:24px}.view-modal{max-width:700px}.view-content{padding:0 24px}.view-section{margin-bottom:32px}.view-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--text);border-bottom:2px solid #f0f0f0;padding-bottom:8px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{font-weight:600;color:var(--muted);font-size:14px;text-transform:uppercase;letter-spacing:.5px}.info-item span{color:var(--text);font-size:16px;line-height:1.5}.alert{padding:16px;border-radius:8px;margin:16px 0;display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.5}.alert i{font-size:18px;flex-shrink:0;margin-top:2px}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.alert-warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.alert-danger{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert .fas{margin-top:2px}.warning-section,.success-section{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;padding:20px;border-radius:8px}.warning-section{background:#fff3cd;border-left:4px solid #ffc107}.success-section{background:#d4edda;border-left:4px solid #28a745}.warning-icon,.success-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;flex-shrink:0}.warning-icon{background:#ffc107;color:#856404}.success-icon{background:#28a745;color:#155724}.warning-content h3,.success-content h3{margin:0 0 8px;font-size:18px;font-weight:600}.warning-text,.success-text{margin:0;color:inherit;font-size:16px}.info-box{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px;margin:20px 0}.info-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.info-header h4{margin:0;font-size:16px;font-weight:600;color:#495057}.info-list{margin:0 0 16px;padding-left:20px;color:#6c757d}.info-list li{margin-bottom:8px;line-height:1.5}.info-note{margin:0;font-size:14px;color:#6c757d;font-style:italic}.guideline-tooltip{position:relative;display:inline-block}.guideline-icon{color:var(--green-600);font-size:18px;cursor:help;padding:4px;border-radius:50%;transition:all .3s ease;background:#8fa5651a}.guideline-icon:hover{background:#8fa56533;transform:scale(1.1)}.guideline-tooltip:hover .guideline-content{opacity:1;visibility:visible;transform:translateY(-10px)}.guideline-content{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-5px);background:var(--panel);border:1px solid #dee2e6;border-radius:8px;padding:16px;min-width:280px;max-width:350px;box-shadow:0 8px 32px #00000026;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease;margin-bottom:8px}.guideline-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--panel)}.guideline-content:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#dee2e6;margin-top:-1px}.guideline-content h5{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px}.guideline-content h5 i{color:var(--green-600)}.guideline-list{margin:0;padding:0;list-style:none}.guideline-list li{margin-bottom:8px;font-size:13px;color:#6c757d;line-height:1.4;display:flex;align-items:flex-start;gap:8px}.guideline-list li:before{content:"•";color:var(--green-600);font-weight:700;flex-shrink:0;margin-top:2px}.guideline-note{margin:12px 0 0;padding:8px 12px;background:#8fa5650d;border-left:3px solid var(--green-600);border-radius:4px;font-size:12px;color:#495057;font-style:italic;line-height:1.4}.security-notice{background:#e3f2fd;border:1px solid #90caf9;border-radius:8px;padding:16px;margin:20px 0;display:flex;align-items:flex-start;gap:12px}.security-notice i{color:#1976d2;font-size:18px;margin-top:2px;flex-shrink:0}.security-notice p{margin:0;font-size:14px;color:#1976d2;line-height:1.5}.modal h2{margin:0 0 16px;font-size:24px}.modal form{display:flex;flex-direction:column;gap:16px}.modal label{display:flex;flex-direction:column;gap:4px}.modal input,.modal textarea,.modal select{height:var(--ctrl-h);padding:8px 12px;border:1px solid #ddd;border-radius:var(--ctrl-radius);font-size:16px;box-sizing:border-box}.modal textarea{resize:vertical;min-height:200px;padding-bottom:12px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center;margin-top:16px}.modal-actions button{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:16px;height:48px}.modal-actions button[type=button]{background:#f0f0f0}.card-actions{display:flex;gap:8px;margin-top:12px}.btn-danger{background:#dc3545;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-danger:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.categories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.categories-controls{display:flex;align-items:center;gap:16px}.search-input-container{position:relative;height:var(--ctrl-h);border:1px solid #d9d9d9;background:#fff;border-radius:var(--ctrl-radius);padding:0 16px 0 44px;display:inline-flex;align-items:center;box-shadow:0 10px 30px #0000000f}.search-input-container .fa-search{position:absolute;left:14px;top:50%;transform:translateY(-50%);line-height:1;pointer-events:none;color:#7a746b}.search-input{height:100%;border:0;outline:0;padding:0;font-size:16px;line-height:1;background:transparent}.btn-primary,.categories-controls .btn-primary{height:var(--ctrl-h);border-radius:var(--ctrl-radius);padding:0 22px;display:inline-flex;align-items:center;gap:10px;line-height:1}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:16px}.categories-controls,.modal-actions,.card-actions{display:flex;align-items:stretch;gap:12px}.categories-controls>*,.modal-actions>*,.card-actions>*{height:var(--ctrl-h);display:inline-flex;align-items:center}.categories-controls input,.modal-actions input,.card-actions input,.categories-controls select,.modal-actions select,.card-actions select,.search-input{height:var(--ctrl-h);line-height:normal;padding-block:0}select.search-input,.categories-controls select,.modal select{background:#fff;border:1px solid #d9d9d9;border-radius:var(--ctrl-radius);padding:0 40px 0 12px;font-size:16px;color:var(--text);cursor:pointer;box-shadow:0 10px 30px #0000000f;transition:border-color .2s ease,box-shadow .2s ease;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a746b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}select.search-input:focus,.categories-controls select:focus,.modal select:focus{outline:none;border-color:var(--green-600);box-shadow:0 0 0 3px #8fa5651a}select.search-input:hover,.categories-controls select:hover,.modal select:hover{border-color:var(--green-500)}.btn-primary,.btn-secondary,.btn-danger,.icon-btn,button{padding-inline:10px;line-height:1}.search{height:var(--ctrl-h)}.search input{height:100%;padding-block:0}.search-input-container .fa-search{top:50%;transform:translateY(-50%)}.summary-card{background:var(--panel);border-radius:12px;padding:20px;box-shadow:var(--shadow);display:flex;align-items:center;gap:16px;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:0 15px 40px #00000026}.summary-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.summary-content{flex:1}.summary-content h4{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.summary-content p{margin:0;font-size:28px;font-weight:800;line-height:1;color:var(--text)}body.dark .summary-card{background:var(--panel);border:1px solid #444444}.data-table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e0e0e0}.data-table th{background:#f8f8f8;font-weight:600;color:#333}body.dark .data-table th{background:#333;color:var(--text)}.data-table tbody tr:hover{background:#f5f5f5}body.dark .data-table tbody tr:hover{background:#3a3a3a}.data-table tbody tr:last-child td{border-bottom:none}@media (min-width: 769px){.mobnav,.mob-nav-trigger,.mobnav-overlay{display:none!important}}.mob-nav-trigger{border:0;background:transparent;color:#333;font-size:22px}:root{--mobnav-bg: #594f47;--mobnav-fg: #ede6df;--mobnav-dim: #a6a3b8;--mobnav-accent: #8fa565;--mobnav-border: rgba(255, 255, 255, .08)}.mobnav-overlay{position:fixed;inset:0;background:#0006;opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobnav{position:fixed;top:0;bottom:0;left:0;width:320px;background:#5c554c;color:var(--mobnav-fg);transform:translate(-100%);transition:transform .24s ease;z-index:1000;padding:20px;display:flex;flex-direction:column}.mobnav-logo{display:flex;justify-content:center;padding:20px 0 30px}body.mobnav-open .mobnav{transform:none}body.mobnav-open .mobnav-overlay{opacity:1;pointer-events:auto}.sep{border:0;border-top:1px solid var(--mobnav-border);margin:10px 0}.mobnav-list{display:flex;flex-direction:column;gap:6px;padding-top:4px}.mobnav-item{display:flex;align-items:center;gap:14px;color:var(--mobnav-fg);text-decoration:none;padding:12px 10px;border-radius:10px}.mobnav-item i{width:22px;text-align:center;color:var(--mobnav-dim)}.mobnav-item:hover{background:#ffffff0f}.mobnav-list .collapse{display:block;margin:0;padding:0}.mobnav-list .collapse>summary{display:flex;align-items:center;gap:14px;padding:12px 10px;border-radius:10px;cursor:pointer;list-style:none;margin:0}.mobnav-list .collapse>summary::-webkit-details-marker{display:none}.mobnav-list .collapse>summary::marker{content:""}.mobnav-list .collapse .chev{margin-left:auto}.mobnav-list .collapse>.collapse-body{padding:6px 10px 10px 20px;display:flex;flex-direction:column;gap:6px}.mobnav-list .collapse>summary:hover{background:#ffffff0f}.mobnav-list .collapse[open]>summary{background:#ffffff0f}.grow{flex:1}.mobnav-item.bot i{color:var(--mobnav-fg)}.mobnav-user{display:flex;align-items:center;gap:12px;padding:12px 10px}.mobnav-user .avatar{width:32px;height:32px;border-radius:50%;background:var(--mobnav-accent);color:#28231e;display:grid;place-items:center;font-weight:800}.mobnav-user .user-name{color:var(--mobnav-fg)}.mobnav a{-webkit-tap-highlight-color:transparent}.mobnav a:active{opacity:.9}:root{--bg: #f5efe9;--text: #1e1e1e;--muted: #5f5b55;--green: #6e8251;--green-shadow: #5a5349}.nf404-wrap{min-height:100vh;display:grid;place-items:center;text-align:center;padding:24px}.nf404-hero{font-weight:900;letter-spacing:6px;font-size:clamp(120px,22vw,320px);line-height:1;color:var(--green);text-shadow:.1em .1em 0 var(--green-shadow);margin-bottom:clamp(12px,3vw,24px)}.nf404-title{margin:0 0 6px;font-size:clamp(18px,2.2vw,28px);font-weight:800}.nf404-sub{margin:0 0 18px;color:#3a3835;font-size:clamp(14px,1.6vw,18px)}.nf404-cta{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 28px;border-radius:16px;background:var(--green);color:#fff;font-weight:800;letter-spacing:.5px;text-decoration:none;box-shadow:0 10px 30px #0000001f;transition:transform .06s ease,filter .2s ease}.nf404-cta:hover{filter:brightness(1.05)}.nf404-cta:active{transform:translateY(1px)}body.dark{--bg: #121212;--text: #f4f4f4;--muted: #cfcfcf;--green: #8fa565;--green-shadow: #3d3a35;background:linear-gradient(#0f0f0f,#1a1a1a)}