:root{--primary: #16a34a;--primary-2: #22c55e;--primary-soft: #dcfce7;--primary-tint: #f0fdf4;--primary-dark: #15803d;--brand-lime: #4cd137;--danger: #dc2626;--danger-2: #ef4444;--danger-soft: #fee2e2;--warning: #d97706;--warning-2: #f59e0b;--warning-soft: #fef9c3;--info: #2563eb;--info-2: #3b82f6;--info-soft: #dbeafe;--purple: #7c3aed;--purple-soft: #ede9fe;--cyan: #0891b2;--cyan-soft: #cffafe;--orange: #f97316;--orange-soft: #ffedd5;--bg-main: #f8fafc;--bg-alt: #edf2f7;--surface: #ffffff;--surface-2: #f9fafb;--border: #e5e7eb;--border-2: #d1d5db;--text-main: #111827;--text-body: #374151;--text-muted: #6b7280;--text-faint: #9ca3af;--radius: 10px;--radius-lg: 18px;--sidebar-w: 268px;--sidebar-w-collapsed: 68px;--header-h: 62px;--transition: .25s ease;--shadow-card: 0 1px 5px rgba(0,0,0,.06);--shadow-premium: 0 3px 18px rgba(0,0,0,.07), 0 1px 3px rgba(0,0,0,.03);--shadow-hover: 0 6px 22px rgba(0,0,0,.1), 0 1px 5px rgba(0,0,0,.04);--shadow-soft: rgba(255,255,255,.6);--shadow-hard: rgba(0,0,0,.15);--radius-xl: 20px;--font-sans: "Inter", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-display: "Plus Jakarta Sans", "Inter", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 14px;--fs-md: 15px;--fs-lg: 17px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 30px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--bg-main);color:var(--text-main)}h1,h2,h3,.sg-font-display{font-family:var(--font-display)}a{text-decoration:none}button{font-family:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.animate-spin{animation:sg-spin 1s linear infinite}@keyframes sg-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.dashboard{display:flex;height:100vh;overflow:hidden;background:var(--surface)}.sg-app-loader{height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg-main)}.sg-app-loader-logo{width:56px;height:56px;object-fit:contain;opacity:.95}.sg-app-loader-spin{color:var(--primary)}.sg-app-loader-text{font-family:var(--font-display);font-size:13.5px;font-weight:600;color:var(--text-muted);letter-spacing:.2px}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .42s cubic-bezier(.16,1,.3,1),min-width .42s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:2px 0 16px #0000000d;position:relative;height:100%;flex-shrink:0}.sidebar-header{height:58px;padding:0 16px;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 55%,var(--primary-2) 100%);display:flex;align-items:center;border-bottom:none;flex-shrink:0;position:relative;overflow:hidden}.sidebar-header-glow{position:absolute;top:-40px;right:-30px;width:110px;height:110px;background:radial-gradient(circle,rgba(255,255,255,.18) 0%,transparent 70%);border-radius:50%;pointer-events:none}.sidebar-logo-link{display:block;line-height:0;position:relative;width:36px;height:36px}.sidebar-logo-full{height:28px;width:auto;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.14));opacity:1;transition:opacity .22s ease;position:absolute;top:50%;transform:translateY(-50%)}.sidebar-logo-icon{height:26px;width:26px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.14));opacity:0;transition:opacity .22s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sidebar-nav{flex:1;overflow-y:auto;padding:10px 8px 16px;scrollbar-width:thin;scrollbar-color:var(--primary-2) transparent}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-dark),var(--primary-2));border-radius:99px}.nav-category{padding:18px 10px 5px;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden}.nav-category span{font-size:9px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--text-faint);flex-shrink:0}.nav-category:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent);min-width:10px}.nav-icon{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s ease,box-shadow .2s ease,transform .2s ease;color:var(--text-muted);font-size:14px}.nav-item{display:flex;align-items:center;gap:9px;padding:6px 8px 6px 6px;margin-bottom:2px;color:var(--text-body);border-radius:10px;font-size:13.5px;transition:background .18s ease,color .18s ease;white-space:nowrap;overflow:hidden;cursor:pointer;width:100%;border:none;background:transparent;text-align:left;position:relative}.nav-item:hover{background:var(--primary-tint);color:var(--primary-dark)}.nav-item:hover .nav-icon{background:var(--primary-soft);color:var(--primary-dark)}.nav-item.active{background:linear-gradient(135deg,var(--primary-soft) 0%,var(--primary-tint) 100%);color:var(--primary-dark);font-weight:600;box-shadow:inset 4px 0 0 var(--primary),0 1px 6px #16a34a1a}.nav-item.active .nav-icon{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 3px 10px #16a34a59}.nav-text{transition:opacity .18s .22s ease;opacity:1;overflow:hidden;white-space:nowrap}.submenu-arrow{font-size:9px!important;transition:transform .25s ease;margin-left:auto;flex-shrink:0;color:var(--text-faint)}.has-submenu.open .submenu-arrow{transform:rotate(180deg)}.submenu{margin:0 0 0 8px;padding-left:10px;border-left:2px solid rgba(22,163,74,.2);list-style:none;max-height:0;overflow:hidden;opacity:0;transition:max-height .32s cubic-bezier(.16,1,.3,1),opacity .25s ease,margin .25s ease}.submenu.open{max-height:480px;opacity:1;margin-bottom:4px;margin-top:2px}.submenu li a{display:flex;align-items:center;gap:8px;padding:7px 11px;color:var(--text-muted);font-size:13px;border-radius:8px;transition:background .18s,color .18s;white-space:nowrap;overflow:hidden}.submenu li a svg{width:14px;opacity:.75;flex-shrink:0}.submenu li a:hover{background:var(--primary-tint);color:var(--primary-dark)}.submenu li a.active{background:var(--primary-soft);color:var(--primary-dark);font-weight:600;box-shadow:inset 3px 0 0 var(--primary)}.dashboard.collapsed .sidebar-nav{overflow-y:auto;scrollbar-width:none;padding:8px 6px 12px}.dashboard.collapsed .sidebar-nav::-webkit-scrollbar{display:none}.dashboard.collapsed .sidebar{width:var(--sidebar-w-collapsed);min-width:var(--sidebar-w-collapsed)}.dashboard.collapsed .sidebar-logo-full{opacity:0}.dashboard.collapsed .sidebar-logo-icon{opacity:1}.dashboard.collapsed .nav-category,.dashboard.collapsed .submenu{display:none!important}.dashboard.collapsed .nav-text{opacity:0;transition:opacity .1s ease}.dashboard.collapsed .submenu-arrow{display:none}.dashboard.collapsed .nav-item{justify-content:center;padding:6px 0;margin-bottom:1px}.dashboard.collapsed .nav-icon{margin:0}.dashboard.collapsed .nav-item.active{background:linear-gradient(135deg,var(--primary-soft) 0%,var(--primary-tint) 100%);box-shadow:none}.dashboard.collapsed .nav-item.active:before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--primary);border-radius:99px}.dashboard.collapsed .nav-item.active .nav-icon{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 4px 14px #16a34a73;transform:scale(1.06)}.dashboard.collapsed .nav-item{position:relative}.dashboard.collapsed .nav-item:after{content:attr(title);position:absolute;left:calc(var(--sidebar-w-collapsed) + 10px);background:#1f2937;color:#fff;padding:6px 12px;font-size:12px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:200;box-shadow:0 4px 14px #00000038;font-weight:500}.dashboard.collapsed .nav-item:hover:after{opacity:1}.sidebar-footer{padding:10px 10px 14px;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.sidebar-user{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,var(--primary-tint) 0%,var(--primary-tint) 100%);border:1.5px solid var(--primary-soft);overflow:hidden;transition:background .2s,box-shadow .2s;cursor:default}.sidebar-user:hover{background:linear-gradient(135deg,var(--primary-soft) 0%,var(--primary-tint) 100%);box-shadow:0 2px 10px #16a34a1f}.sidebar-user-avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;letter-spacing:.5px;position:relative;box-shadow:0 0 0 3px #16a34a33}.sidebar-online-dot{position:absolute;bottom:1px;right:1px;width:9px;height:9px;border-radius:50%;background:#4ade80;border:2px solid var(--surface)}.sidebar-user-info{flex:1;min-width:0;overflow:hidden}.sidebar-user-name{font-size:12.5px;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:10.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.sidebar-logout-btn{background:none;border:none;color:var(--text-muted);padding:6px 7px;cursor:pointer;border-radius:8px;transition:background .15s,color .15s;flex-shrink:0;font-size:13px}.sidebar-logout-btn:hover{background:var(--danger-soft);color:var(--danger)}.dashboard.collapsed .sidebar-footer{padding:8px 6px 12px}.dashboard.collapsed .sidebar-user{justify-content:center;padding:8px;gap:0;background:transparent;border-color:transparent}.dashboard.collapsed .sidebar-user:hover{background:var(--primary-tint);border-color:var(--primary-soft)}.dashboard.collapsed .sidebar-user-info,.dashboard.collapsed .sidebar-logout-btn{display:none}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-main);height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--primary-2) transparent}.main-content::-webkit-scrollbar{width:4px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-dark),var(--primary-2));border-radius:99px}.header{height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);padding:0 24px;display:flex;align-items:center;position:sticky;top:0;z-index:50;box-shadow:0 1px 10px #0000000f;flex-shrink:0}.header-right{display:flex;align-items:center;width:100%;gap:12px}.sidebar-toggle{background:none;border:none;color:var(--primary);font-size:17px;cursor:pointer;padding:7px;border-radius:8px;transition:background .2s,transform .42s cubic-bezier(.16,1,.3,1)}.sidebar-toggle:hover{background:var(--primary-soft)}.dashboard.collapsed .sidebar-toggle{transform:rotate(90deg)}.header-icon-btn{position:relative;color:var(--text-muted);font-size:17px;padding:7px;border-radius:9px;margin-left:auto;transition:background .2s,color .2s}.header-icon-btn:hover{background:var(--primary-soft);color:var(--primary-dark)}.header-icon-btn.has-badge:after{content:attr(data-count);position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:99px;display:flex;align-items:center;justify-content:center;padding:0 3px;border:2px solid var(--surface)}.user-info{display:flex;align-items:center;gap:10px;cursor:pointer}.user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.user-name{font-size:13px;font-weight:600;color:var(--text-main)}.user-role{font-size:11px;color:var(--text-muted)}.content{padding:26px 28px;flex:1}.sg-page{animation:sg-page-in .5s cubic-bezier(.16,1,.3,1) both;will-change:opacity,transform;min-height:100%}@keyframes sg-page-in{0%{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.sidebar-scrim{display:none}@media (max-width: 900px){.sidebar{position:fixed;z-index:1060;height:100vh}.dashboard.collapsed .sidebar{transform:translate(-100%);width:var(--sidebar-w);min-width:var(--sidebar-w)}.dashboard:not(.collapsed) .sidebar{transform:translate(0)}.content{padding:16px}.dashboard:not(.collapsed) .sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;background:#0f172a73;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);animation:sg-scrim-in .2s ease both}}@keyframes sg-scrim-in{0%{opacity:0}to{opacity:1}}.sg-page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:26px;padding:22px 28px;background:linear-gradient(135deg,#fff 0%,var(--primary-tint) 70%,var(--primary-soft) 100%);border-radius:var(--radius-xl);border:1px solid var(--primary-soft);box-shadow:0 2px 16px #16a34a14;position:relative;overflow:hidden}.sg-page-header:before{content:"";position:absolute;top:-50px;right:-30px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(22,163,74,.07),transparent 70%);pointer-events:none}.sg-page-header h2{font-size:21px;font-weight:800;letter-spacing:-.3px;color:var(--text-main)}.sg-page-header p{font-size:13.5px;color:var(--text-muted);margin-top:3px}.sg-page-header .sg-btn{padding:11px 24px;border-radius:12px;font-size:14px;font-weight:700;gap:8px;box-shadow:0 4px 14px #16a34a47;position:relative;z-index:1}.sg-page-header .sg-btn-primary:hover{box-shadow:0 6px 22px #16a34a6b;transform:translateY(-2px)}.sg-card{background:var(--surface);border-radius:16px;box-shadow:var(--shadow-premium);border:1px solid rgba(0,0,0,.05);overflow:clip;transition:box-shadow .22s ease}.sg-card-head{padding:15px 22px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sg-card-head h5{font-size:14.5px;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:8px}.sg-card-head h5 i{color:var(--primary);font-size:13px}.sg-card-foot{padding:11px 22px;background:var(--surface-2);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12.5px;font-weight:500;color:var(--text-muted)}.sg-table-wrapper{overflow-x:auto}.sg-table{width:100%;border-collapse:collapse;font-size:13.5px}.sg-table thead th{padding:13px 16px;font-weight:700;font-size:10.5px;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;text-align:left;-webkit-user-select:none;user-select:none;border:none;position:sticky;top:0;z-index:2;background:var(--primary-dark);color:#ffffffeb;border-right:1px solid rgba(255,255,255,.08)}.sg-table thead th:last-child{border-right:none}.sg-table thead th svg{margin-right:5px;opacity:.7}.sg-table thead th.sortable{cursor:pointer;transition:background .15s}.sg-table thead th.sortable:hover{background:#166534}.sg-table tbody tr{background:var(--surface);border-bottom:1px solid #f0f2f5;transition:background .12s}.sg-table tbody tr:nth-child(2n){background:var(--surface-2)}.sg-table tbody tr:last-child{border-bottom:none}.sg-table tbody tr:hover{background:var(--primary-tint)}.sg-table tbody td:first-child{position:relative}.sg-table tbody td:first-child:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);opacity:0;transition:opacity .15s}.sg-table tbody tr:hover td:first-child:before{opacity:1}.sg-table td{padding:13px 16px;color:var(--text-body);vertical-align:middle;border:none}.sg-table-empty{padding:64px 20px;text-align:center;color:var(--text-muted);font-size:14.5px;font-weight:500}.sg-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 16px;border:none;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;color:#fff}.sg-btn:disabled{opacity:.55;cursor:not-allowed}.sg-btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2))}.sg-btn-warning{background:linear-gradient(135deg,var(--warning-2),#fbbf24)}.sg-btn-danger{background:linear-gradient(135deg,var(--danger),var(--danger-2))}.sg-btn-info{background:linear-gradient(135deg,var(--info),var(--info-2))}.sg-btn-secondary{background:linear-gradient(135deg,var(--text-muted),var(--text-faint))}.sg-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 14px #0000002e}.sg-actions .sg-btn{min-width:32px;height:32px;padding:0 9px;border-radius:8px;font-size:12px;gap:5px;display:inline-flex;align-items:center;justify-content:center}.sg-toolbar .sg-select{padding:6px 10px;width:auto;font-size:12.5px;border-radius:8px;height:36px}.sg-toolbar .sg-muted{font-size:12.5px;display:flex;align-items:center;gap:6px;white-space:nowrap}.sg-btn-outline{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1.5px solid var(--border);border-radius:8px;font-size:13px;font-weight:600;color:var(--text-body);background:var(--surface);cursor:pointer;transition:all .2s}.sg-btn-outline:hover{border-color:var(--primary-2);color:var(--primary);background:var(--primary-tint);box-shadow:0 2px 8px #16a34a26}.sg-badge{display:inline-block;padding:4px 11px;border-radius:99px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.sg-badge-green,.sg-badge-success{background:var(--primary-soft);color:var(--primary-dark)}.sg-badge-red,.sg-badge-danger{background:var(--danger-soft);color:#b91c1c}.sg-badge-yellow,.sg-badge-warning{background:var(--warning-soft);color:#854d0e}.sg-badge-blue,.sg-badge-info{background:var(--info-soft);color:#1e40af}.sg-badge-gray,.sg-badge-secondary{background:var(--border);color:var(--text-body)}.sg-field{margin-bottom:16px}.sg-field label{font-size:13px;font-weight:700;color:var(--text-body);margin-bottom:6px;display:block;letter-spacing:.1px}.sg-input,.sg-select,.sg-textarea{width:100%;display:block;border-radius:10px;border:1.5px solid var(--border);padding:11px 14px;font-size:14px;color:var(--text-main);background:var(--surface);font-family:inherit;transition:border-color .18s,box-shadow .18s}.sg-input:focus,.sg-select:focus,.sg-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #16a34a21;outline:none}.sg-input-error{color:#b91c1c;font-size:12px;margin-top:4px;display:block}.sg-search{border-radius:10px;border:1.5px solid var(--border-2);padding:8px 14px 8px 36px;font-size:13.5px;background:var(--surface);width:240px;outline:none;box-shadow:0 1px 3px #0000000f;transition:border-color .18s,box-shadow .18s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:15px;background-position:12px center}.sg-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px #16a34a1f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E")}.sg-pagination{display:flex;gap:4px;justify-content:flex-end;flex-wrap:wrap}.sg-pagination button{min-width:36px;height:36px;padding:0 11px;border:1.5px solid var(--border);border-radius:9px;font-size:13px;font-weight:600;color:var(--text-body);background:var(--surface);cursor:pointer;transition:all .18s}.sg-pagination button:hover:not(:disabled){background:var(--primary-tint);border-color:var(--primary-2);color:var(--primary)}.sg-pagination button.active{background:linear-gradient(135deg,var(--primary),var(--primary-2));border-color:var(--primary);color:#fff;font-weight:600;box-shadow:0 2px 10px #16a34a59}.sg-pagination button:disabled{opacity:.4;cursor:not-allowed}.sg-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:2000;opacity:0;pointer-events:none;transition:opacity .35s ease,backdrop-filter .35s ease;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}.sg-drawer-overlay.open{opacity:1;pointer-events:all;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.sg-drawer{position:fixed;top:0;right:0;width:520px;max-width:96vw;height:100vh;background:var(--surface);z-index:2010;transform:translate(110%);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease;display:flex;flex-direction:column;box-shadow:-10px 0 50px #00000038}.sg-drawer.open{transform:translate(0);box-shadow:-12px 0 60px #00000047}.sg-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:none;flex-shrink:0;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 70%,var(--primary-2) 100%)}.sg-drawer-header-left{display:flex;align-items:center;gap:12px}.drawer-icon{width:40px;height:40px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.3);border-radius:11px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.sg-drawer-title{font-family:var(--font-display);font-size:17px;font-weight:700;color:#fff;line-height:1.2;letter-spacing:-.2px}.sg-drawer-subtitle{font-size:11.5px;color:#ffffffbf;margin-top:2px}.sg-drawer-close{width:36px;height:36px;border-radius:9px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1f;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;color:#fff;font-size:15px;flex-shrink:0}.sg-drawer-close:hover{background:#ffffff42}.sg-drawer-body{flex:1;overflow-y:auto;padding:24px}.sg-drawer-inner{display:flex;flex-direction:column;height:100%;animation:sg-drawer-inner-in .42s cubic-bezier(.16,1,.3,1) both}@keyframes sg-drawer-inner-in{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:none}}.sg-drawer-footer{padding:14px 24px;border-top:1px solid var(--border);background:#fafafa;display:flex;gap:10px;justify-content:flex-end;flex-shrink:0}.stat-icon-sg{width:58px;height:58px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--primary-2));display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #16a34a4d;flex-shrink:0}.stat-icon-sg{color:#fff}.sg-empty-icon{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-2));display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 8px 24px #16a34a4d}.sg-empty-icon{color:#fff}.empty-state-wrapper{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;min-height:420px;padding:40px 20px}.empty-state-card{background:linear-gradient(135deg,#fff 0%,var(--primary-tint) 100%);border-radius:28px;padding:56px 44px;max-width:520px;width:100%;box-shadow:0 10px 40px #4cd13714,0 0 0 1px #4cd1371a;text-align:center;animation:sg-fade-up .5s ease}@keyframes sg-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes sg-modal-in{0%{opacity:0;transform:scale(.94) translateY(18px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes sg-picker-fwd{0%{opacity:0;transform:translate(32px) scale(.97)}to{opacity:1;transform:none}}@keyframes sg-picker-back{0%{opacity:0;transform:translate(-32px) scale(.97)}to{opacity:1;transform:none}}@keyframes sg-overlay-show{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}@keyframes sg-content-rise{0%{opacity:0;transform:translateY(28px) scale(.982)}to{opacity:1;transform:none}}.icon-circle{width:104px;height:104px;border-radius:50%;background:linear-gradient(135deg,var(--brand-lime),var(--primary));display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 8px 24px #4cd1374d,0 0 0 12px #4cd1371a;animation:sg-pulse 2s ease-in-out infinite}@keyframes sg-pulse{0%,to{box-shadow:0 8px 24px #4cd1374d,0 0 0 12px #4cd1371a}50%{box-shadow:0 12px 32px #4cd13766,0 0 0 18px #4cd13714}}.icon-circle{color:#fff}.empty-state-title{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--text-main);margin-bottom:12px}.empty-state-description{font-size:14px;color:var(--text-muted);line-height:1.6;margin-bottom:28px}.empty-state-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.notif-list{display:flex;flex-direction:column;gap:10px}.notif-item{display:flex;align-items:flex-start;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow-card);animation:sg-card-in var(--sg-anim-in) var(--sg-anim-spring) both}.notif-item--read{opacity:.6}.notif-item-dot{width:36px;height:36px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff}.notif-item-dot--red{background:linear-gradient(135deg,var(--danger),var(--danger-2))}.notif-item-dot--yellow{background:linear-gradient(135deg,var(--warning),var(--warning-2))}.notif-item-dot--green{background:linear-gradient(135deg,var(--primary),var(--primary-2))}.notif-item-dot--gray{background:linear-gradient(135deg,var(--text-faint),var(--text-muted))}.notif-item-body{flex:1;min-width:0}.notif-item-title{font-size:13.5px;font-weight:700;color:var(--text-main)}.notif-item-message{font-size:13px;color:var(--text-body);margin-top:2px}.notif-item-date{font-size:11.5px;color:var(--text-faint);margin-top:6px}.notif-item-remove{background:none;border:none;color:var(--text-faint);cursor:pointer;padding:6px;border-radius:8px;flex-shrink:0;transition:background .15s,color .15s}.notif-item-remove:hover{background:var(--danger-soft);color:var(--danger)}.notif-float-stack{position:fixed;top:20px;right:24px;z-index:500;display:flex;flex-direction:column;gap:10px;width:340px;max-width:calc(100vw - 32px)}.notif-float{display:flex;align-items:flex-start;gap:10px;background:var(--surface);border-radius:14px;padding:12px 14px;box-shadow:0 16px 40px #00000029,0 2px 8px #00000014;border-left:4px solid var(--text-faint);animation:sg-card-in var(--sg-anim-in) var(--sg-anim-spring) both}.notif-float--red{border-left-color:var(--danger)}.notif-float--yellow{border-left-color:var(--warning)}.notif-float--green{border-left-color:var(--primary)}.notif-float-icon{width:28px;height:28px;border-radius:8px;flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--text-muted)}.notif-float--red .notif-float-icon{background:var(--danger-soft);color:var(--danger)}.notif-float--yellow .notif-float-icon{background:var(--warning-soft);color:var(--warning)}.notif-float--green .notif-float-icon{background:var(--primary-soft);color:var(--primary-dark)}.notif-float-body{flex:1;min-width:0}.notif-float-title{font-size:12.5px;font-weight:700;color:var(--text-main)}.notif-float-msg{font-size:12px;color:var(--text-body);margin-top:2px;line-height:1.4}.notif-float-more{margin-top:6px;background:none;border:none;padding:0;cursor:pointer;font-size:12px;font-weight:700;color:var(--primary-dark)}.notif-float-more:hover{text-decoration:underline}.notif-float-close{background:none;border:none;color:var(--text-faint);cursor:pointer;padding:4px;border-radius:6px;flex-shrink:0}.notif-float-close:hover{background:var(--surface-2);color:var(--text-body)}@media (max-width: 640px){.notif-float-stack{left:16px;right:16px;width:auto;top:12px}}@keyframes sg-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.sg-skeleton{background:linear-gradient(90deg,#f6f7f8 25%,#eceef0,#f6f7f8 75%);background-size:600px 100%;animation:sg-shimmer 1.6s ease-in-out infinite;border-radius:6px;display:block}.sg-skeleton-row{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.sg-skeleton-header{height:48px;border-radius:0;background:linear-gradient(90deg,var(--primary),var(--primary-2))}.sg-stat-card--skel{background:linear-gradient(90deg,#f6f7f8 25%,#eceef0,#f6f7f8 75%);background-size:600px 100%;animation:sg-shimmer 1.6s ease-in-out infinite;min-height:94px}.sg-page{animation:sg-content-rise .6s var(--sg-anim-spring) both}@keyframes sg-header-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:none}}.sg-page-header{animation:sg-header-in .5s var(--sg-anim-spring) both .04s}.sg-grid-card--skel{pointer-events:none;cursor:default}.sg-grid-card--skel:hover{transform:none;box-shadow:var(--shadow-premium)}.sg-grid-card--skel .sg-grid-card-header{background:linear-gradient(145deg,var(--border),var(--surface-2));display:flex;align-items:center;justify-content:center;padding:22px 16px 16px}.pqr-card-skel{background:var(--surface);border:1px solid rgba(0,0,0,.06);border-radius:18px;box-shadow:var(--shadow-premium);overflow:hidden}.pqr-card-skel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--border)}.pqr-card-skel-body{padding:14px 16px;display:flex;flex-direction:column;gap:8px}.pqr-card-skel-sla{padding:0 16px 14px;display:flex;flex-direction:column;gap:6px}.pqr-card-skel-footer{padding:10px 16px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.pqr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.custom-card{border:1px solid rgba(0,0,0,.06);border-radius:18px;box-shadow:var(--shadow-premium);overflow:hidden;position:relative;background:var(--surface);transition:transform .25s,box-shadow .25s;animation:sg-card-in .35s ease both}.custom-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}@keyframes sg-card-in{0%{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:none}}.card-header-top{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--border)}.card-type-badge{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border-radius:99px}.card-type-badge.pqr{background:var(--info-soft);color:#1d4ed8}.card-type-badge.tutela{background:var(--danger-soft);color:#b91c1c}.card-date{font-size:12px;color:var(--text-faint)}.custom-card .card-body{padding:14px 16px 10px}.card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.tag{font-size:11px;padding:3px 8px;border-radius:99px;font-weight:500}.tag--frequency{background:var(--primary-tint);color:var(--primary)}.tag--type{background:#eff6ff;color:var(--info)}.custom-card .title{font-weight:700;font-size:15px;color:var(--text-main);margin-bottom:6px}.custom-card .excerpt{font-size:13px;color:var(--text-muted);line-height:1.5}.sla-section{padding:12px 16px 16px;background:var(--surface-2)}.sla-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sla-text{font-size:13px;color:var(--text-body)}.sla-remaining{font-weight:800;font-size:20px;color:var(--text-main);letter-spacing:-.5px}.sla-label{font-size:12px;color:var(--text-muted);margin-left:4px}.sla-expired{font-weight:700;color:var(--danger);font-size:14px}.sla-bar{height:7px;background:var(--border);border-radius:99px;overflow:hidden}.sla-fill{height:100%;border-radius:99px;transition:width .7s cubic-bezier(.16,1,.3,1)}.custom-footer{background:var(--surface);border-top:1px solid var(--border);padding:10px 16px;display:flex;align-items:center;justify-content:space-between}.footer-left{display:flex;align-items:center;gap:8px}.responsible{font-size:12px;font-weight:600;color:var(--text-body)}.card-actions{position:absolute;top:14px;right:14px;display:flex;gap:6px;opacity:0;transition:opacity .2s;z-index:10}.custom-card:hover .card-actions{opacity:1}.btn-action{width:30px;height:30px;border-radius:7px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:12px;color:#fff;box-shadow:0 2px 6px #00000026;background:linear-gradient(135deg,var(--primary),var(--primary-2))}.btn-action.danger{background:linear-gradient(135deg,var(--danger),var(--danger-2))}.btn-action.warning{background:linear-gradient(135deg,var(--warning-2),#fbbf24)}.btn-action:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}#segagro-toast-container{position:fixed;bottom:24px;right:24px;z-index:99999;display:flex;flex-direction:column;gap:10px;max-width:380px;pointer-events:none}.sg-toast{display:flex;align-items:flex-start;gap:12px;padding:14px 16px 18px;border-radius:12px;box-shadow:0 8px 32px #00000024;border-left:4px solid;position:relative;overflow:hidden;pointer-events:all;animation:sgSlideIn .3s cubic-bezier(.16,1,.3,1)}.sg-toast.sg-hiding{animation:sgSlideOut .3s ease forwards}.sg-toast-icon{font-size:20px;flex-shrink:0;margin-top:1px}.sg-toast-body{flex:1}.sg-toast-title{font-weight:700;font-size:14px;margin-bottom:3px}.sg-toast-msg{font-size:13px;line-height:1.5}.sg-toast-close{background:none;border:none;cursor:pointer;color:var(--text-faint);font-size:15px;padding:0;line-height:1;flex-shrink:0;margin-top:1px}.sg-toast-close:hover{color:var(--text-body)}.sg-toast-bar{position:absolute;bottom:0;left:0;height:3px;border-radius:0 0 0 12px}.sg-toast.sg-success{background:var(--primary-tint);border-left-color:var(--primary)}.sg-toast.sg-success .sg-toast-icon{color:var(--primary)}.sg-toast.sg-success .sg-toast-title{color:var(--primary-dark)}.sg-toast.sg-success .sg-toast-msg{color:#166534}.sg-toast.sg-success .sg-toast-bar{background:var(--primary)}.sg-toast.sg-error{background:#fef2f2;border-left-color:var(--danger)}.sg-toast.sg-error .sg-toast-icon{color:var(--danger)}.sg-toast.sg-error .sg-toast-title{color:#b91c1c}.sg-toast.sg-error .sg-toast-msg{color:#991b1b}.sg-toast.sg-error .sg-toast-bar{background:var(--danger)}.sg-toast.sg-warning{background:#fffbeb;border-left-color:var(--warning)}.sg-toast.sg-warning .sg-toast-icon{color:var(--warning)}.sg-toast.sg-warning .sg-toast-title{color:#b45309}.sg-toast.sg-warning .sg-toast-msg{color:#92400e}.sg-toast.sg-warning .sg-toast-bar{background:var(--warning)}.sg-toast.sg-info{background:#eff6ff;border-left-color:var(--info)}.sg-toast.sg-info .sg-toast-icon{color:var(--info)}.sg-toast.sg-info .sg-toast-title{color:#1d4ed8}.sg-toast.sg-info .sg-toast-msg{color:#1e40af}.sg-toast.sg-info .sg-toast-bar{background:var(--info)}@keyframes sgSlideIn{0%{transform:translate(110%);opacity:0}to{transform:none;opacity:1}}@keyframes sgSlideOut{0%{transform:none;opacity:1}to{transform:translate(110%);opacity:0}}@keyframes sgProgress{0%{width:100%}to{width:0%}}.sg-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000006b;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px;animation:sg-overlay-show .25s ease both}.sg-modal{background:var(--surface);border-radius:22px;max-width:420px;width:100%;padding:32px;box-shadow:var(--shadow-hover);text-align:center;animation:sg-modal-in .32s cubic-bezier(.16,1,.3,1) both}.sg-modal h4{font-size:18px;font-weight:700;margin-bottom:8px}.sg-modal p{font-size:14px;color:var(--text-muted);line-height:1.6;margin-bottom:22px}.sg-modal-actions{display:flex;gap:10px;justify-content:center}.sg-modal-actions .sg-btn{padding:10px 20px;font-size:13.5px}.sg-picker-modal{background:var(--surface);border-radius:20px;max-width:520px;width:92vw;max-height:82vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #00000038,0 4px 16px #00000014;animation:sg-modal-in .32s cubic-bezier(.16,1,.3,1) both;will-change:transform,opacity}.sg-picker-modal[data-dir=fwd]{animation:sg-picker-fwd .3s cubic-bezier(.16,1,.3,1) both}.sg-picker-modal[data-dir=back]{animation:sg-picker-back .3s cubic-bezier(.16,1,.3,1) both}.sg-picker-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;flex-shrink:0;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 70%,var(--primary-2) 100%);border-radius:20px 20px 0 0}.sg-picker-header-left{display:flex;align-items:center;gap:12px}.sg-picker-icon{width:40px;height:40px;border-radius:11px;background:#fff3;border:1.5px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.sg-picker-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:#fff}.sg-picker-sub{font-size:11.5px;color:#ffffffbf;margin-top:2px}.sg-picker-body{flex:1;overflow-y:auto;padding:20px 22px}.sg-picker-section-label{font-size:10.5px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;display:flex;align-items:center}.sg-picker-list{display:flex;flex-direction:column;gap:6px}.sg-picker-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--surface-2);border:1.5px solid transparent;cursor:pointer;width:100%;transition:border-color .15s,background .15s}.sg-picker-item:hover{background:var(--primary-tint);border-color:var(--primary-soft)}.sg-picker-item.active{background:var(--primary-soft);border-color:var(--primary)}.sg-picker-item-icon{width:36px;height:36px;border-radius:10px;flex-shrink:0;background:var(--border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .15s,color .15s}.sg-picker-item:hover .sg-picker-item-icon,.sg-picker-item.active .sg-picker-item-icon{background:var(--primary-soft);color:var(--primary-dark)}.sg-picker-item-icon-sede{background:var(--info-soft)!important;color:var(--info)!important}.sg-picker-item:hover .sg-picker-item-icon-sede{background:#bfdbfe!important}.sg-picker-item-name{font-size:13px;font-weight:600;color:var(--text-main)}.sg-picker-item-sub{font-size:11.5px;color:var(--text-muted);margin-top:2px}.sg-picker-check{margin-left:auto;color:var(--primary);font-size:14px}.sg-picker-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px;border-radius:10px;border:1.5px solid #dde1e7;background:var(--surface-2);font-size:13.5px;color:var(--text-body);cursor:pointer;transition:border-color .2s,background .2s;font-family:inherit}.sg-picker-trigger:hover{border-color:var(--primary-2);background:var(--primary-tint)}.sg-picker-trigger .picker-placeholder{color:var(--text-faint)}.sg-picker-trigger-icon{color:var(--primary);flex-shrink:0}.sg-picker-trigger-arrow{margin-left:auto;color:var(--text-faint);font-size:12px;flex-shrink:0}.sg-searchable-select{position:relative}.sg-searchable-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;cursor:pointer}.sg-searchable-select-arrow{color:var(--text-faint);flex-shrink:0}.sg-searchable-select-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:120;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-hover);overflow:hidden;animation:sg-modal-in .18s cubic-bezier(.16,1,.3,1) both}.sg-searchable-select-list{max-height:240px;overflow-y:auto;padding:4px 6px 8px}.sg-searchable-select-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;padding:8px 10px;border-radius:8px;border:none;background:none;cursor:pointer;font-size:13px;color:var(--text-body);transition:background .12s}.sg-searchable-select-item:hover{background:var(--primary-tint)}.sg-searchable-select-item.active{background:var(--primary-soft);color:var(--primary-dark);font-weight:600}.sg-searchable-select-item--clear{color:var(--text-faint);font-style:italic;border-bottom:1px solid var(--border);border-radius:0;margin-bottom:4px;padding-bottom:10px}.sg-searchable-select-item-sub{font-size:11.5px;color:var(--text-faint)}.sg-picker-search-wrap{position:relative;display:flex;align-items:center;margin-bottom:12px}.sg-picker-search-icon{position:absolute;left:13px;color:var(--text-faint);font-size:13px;pointer-events:none}.sg-picker-search{width:100%;padding:10px 36px;border:1.5px solid #dde1e7;border-radius:10px;background:var(--surface-2);font-size:13.5px;color:var(--text-body);font-family:inherit;transition:border-color .2s,background .2s}.sg-picker-search:focus{outline:none;border-color:var(--primary-2);background:var(--surface);box-shadow:0 0 0 3px #22c55e1a}.sg-picker-search-clear{position:absolute;right:10px;background:none;border:none;color:var(--text-faint);cursor:pointer;padding:4px 6px;border-radius:6px;font-size:11px;transition:color .15s}.sg-picker-search-clear:hover{color:var(--text-body)}.sg-picker-back{display:inline-flex;align-items:center;gap:7px;background:var(--primary-tint);border:1.5px solid var(--primary-soft);border-radius:9px;padding:7px 14px;font-size:12.5px;font-weight:600;color:var(--primary-dark);cursor:pointer;margin-bottom:16px;font-family:inherit;transition:background .15s}.sg-picker-back:hover{background:var(--primary-soft)}.sg-picker-count{font-size:11px;color:var(--text-faint);margin-bottom:10px;font-weight:500;padding-left:2px}.sg-picker-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 20px;color:var(--text-faint);font-size:13px}.sg-picker-empty svg{opacity:.4}.field-error{display:block;margin-top:6px;font-size:12.5px;font-weight:600;color:var(--danger, #dc2626)}:root{--sg-anim-spring: cubic-bezier(.22, 1, .36, 1);--sg-anim-in: .52s;--sg-anim-fast: .32s}.sg-table tbody tr{animation:sg-row-in var(--sg-anim-fast) var(--sg-anim-spring) both}.sg-table tbody tr:nth-child(2){animation-delay:.05s}.sg-table tbody tr:nth-child(3){animation-delay:.09s}.sg-table tbody tr:nth-child(4){animation-delay:.13s}.sg-table tbody tr:nth-child(5){animation-delay:.17s}.sg-table tbody tr:nth-child(6){animation-delay:.21s}.sg-table tbody tr:nth-child(7){animation-delay:.24s}.sg-table tbody tr:nth-child(n+8){animation-delay:.27s}@keyframes sg-row-in{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:none}}.sg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:18px;padding:18px}.sg-grid-empty{grid-column:1 / -1;padding:48px;text-align:center;color:var(--text-faint);font-size:14px}.sg-grid-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 1px 4px #0000000f;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .22s ease,transform .22s ease;animation:sg-card-in var(--sg-anim-in) var(--sg-anim-spring) both}.sg-grid-card:nth-child(2){animation-delay:.08s}.sg-grid-card:nth-child(3){animation-delay:.15s}.sg-grid-card:nth-child(4){animation-delay:.22s}.sg-grid-card:nth-child(5){animation-delay:.28s}.sg-grid-card:nth-child(6){animation-delay:.33s}.sg-grid-card:nth-child(n+7){animation-delay:.37s}.sg-grid-card:hover{box-shadow:0 8px 28px #0000001c;transform:translateY(-4px)}.sg-grid-card-header{position:relative;padding:22px 16px 16px;display:flex;flex-direction:column;align-items:center;border-bottom:1px solid rgba(0,0,0,.06)}.sg-grid-card--active .sg-grid-card-header{background:linear-gradient(145deg,var(--primary-soft),var(--primary-tint))}.sg-grid-card--pending .sg-grid-card-header{background:linear-gradient(145deg,#fef3c7,#fefce8)}.sg-grid-card--inactive .sg-grid-card-header{background:linear-gradient(145deg,var(--border),var(--surface-2))}.sg-grid-card--blocked .sg-grid-card-header{background:linear-gradient(145deg,#fee2e2,#fef2f2)}.sg-grid-card--default .sg-grid-card-header{background:linear-gradient(145deg,#dbeafe,#eff6ff)}.sg-grid-avatar{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800;letter-spacing:.5px;border:3px solid rgba(255,255,255,.85);box-shadow:0 3px 12px #00000021;color:#fff;-webkit-user-select:none;user-select:none}.sg-grid-card--active .sg-grid-avatar{background:var(--primary)}.sg-grid-card--pending .sg-grid-avatar{background:#d97706}.sg-grid-card--inactive .sg-grid-avatar{background:var(--text-muted)}.sg-grid-card--blocked .sg-grid-avatar{background:#dc2626}.sg-grid-card--default .sg-grid-avatar{background:var(--primary,var(--primary))}.sg-grid-card-badge{position:absolute;top:10px;right:12px}.sg-grid-avatar--icon{font-size:22px;font-weight:400}.sg-grid-card-code{margin-top:8px;display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:11.5px;font-weight:700;letter-spacing:.4px;background:#00000012;color:var(--text-body);border:1px solid rgba(0,0,0,.08);max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-grid-card-body{padding:14px 16px 10px;display:flex;flex-direction:column;gap:5px;flex:1}.sg-grid-card-name{font-size:14px;font-weight:700;color:var(--text-main);line-height:1.3;word-break:break-word;text-align:center}.sg-grid-card-subtitle{font-size:12px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:5px;text-align:center}.sg-grid-card-subtitle svg{opacity:.7}.sg-grid-card-meta-rows{margin-top:6px;display:flex;flex-direction:column;gap:5px;border-top:1px solid var(--border);padding-top:8px}.sg-grid-card-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;min-width:0}.sg-grid-label{color:var(--text-muted);display:flex;align-items:center;gap:5px;white-space:nowrap;flex-shrink:0;font-size:11.5px}.sg-grid-label svg{opacity:.7;flex-shrink:0}.sg-grid-value{text-align:right;color:var(--text-body);font-weight:500;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-grid-card-footer{padding:10px 16px;border-top:1px solid var(--border);display:flex;gap:6px;justify-content:center;background:var(--bg-main,var(--surface-2))}.kanban-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:14px;overflow-x:auto;padding-bottom:6px;align-items:start}.kanban-col{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:12px;min-height:120px;display:flex;flex-direction:column;gap:10px}.kanban-col-head{display:flex;align-items:center;gap:8px;padding:2px 4px}.kanban-col-dot{width:9px;height:9px;border-radius:50%;background:var(--text-faint);flex-shrink:0}.kanban-col--green .kanban-col-dot{background:var(--primary)}.kanban-col--yellow .kanban-col-dot{background:var(--warning-2)}.kanban-col--red .kanban-col-dot{background:var(--danger)}.kanban-col--blue .kanban-col-dot{background:var(--info)}.kanban-col--gray .kanban-col-dot{background:var(--text-faint)}.kanban-col-label{font-size:12.5px;font-weight:700;color:var(--text-body);flex:1}.kanban-col-count{font-size:11px;font-weight:700;color:var(--text-muted);background:var(--surface);border-radius:999px;padding:2px 9px;border:1px solid var(--border)}.kanban-col-body{display:flex;flex-direction:column;gap:8px}.kanban-col-empty{font-size:12px;color:var(--text-faint);font-style:italic;text-align:center;padding:18px 8px}.kanban-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px;box-shadow:var(--shadow-card);transition:box-shadow .18s,transform .18s;animation:sg-card-in var(--sg-anim-in) var(--sg-anim-spring) both}.kanban-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.sg-board-calendar{background:var(--surface);border-radius:16px;box-shadow:var(--shadow-card);overflow:visible}.sg-toolbar-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;margin-bottom:18px}.sg-toolbar-row .sg-filter-tabs,.sg-toolbar-row .sg-board-toggle{margin-bottom:0}.sg-board-toggle{display:flex;gap:2px;width:fit-content;border-bottom:1.5px solid var(--border)}.sg-board-toggle button{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-1.5px;font-size:12.5px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:color .15s,border-color .15s;font-family:inherit}.sg-board-toggle button:hover{color:var(--text-body)}.sg-board-toggle button.active{color:var(--primary-dark);border-color:var(--primary)}.tono-fab{position:fixed;right:24px;bottom:24px;z-index:400;width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px -6px #16a34a8c,0 2px 8px #0000001f;transition:transform .18s ease,box-shadow .18s ease}.tono-fab:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 14px 32px -6px #16a34a99,0 2px 8px #00000024}.tono-panel{position:fixed;right:24px;bottom:92px;z-index:400;width:360px;max-width:calc(100vw - 32px);max-height:min(560px,calc(100vh - 130px));background:var(--surface);border-radius:20px;overflow:hidden;box-shadow:0 24px 64px #00000038,0 4px 16px #00000014;display:flex;flex-direction:column;animation:sg-modal-in .22s cubic-bezier(.16,1,.3,1) both}.tono-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 16px 14px;background:linear-gradient(135deg,var(--primary-dark),var(--primary) 60%,var(--primary-2));color:#fff;flex-shrink:0}.tono-header-left{display:flex;align-items:center;gap:10px;min-width:0}.tono-header-icon{width:34px;height:34px;border-radius:10px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tono-header-title{font-family:var(--font-display);font-size:14.5px;font-weight:700;line-height:1.2}.tono-header-sub{font-size:11px;opacity:.82;margin-top:1px}.tono-close{background:#ffffff29;border:none;border-radius:8px;color:#fff;padding:6px;cursor:pointer;flex-shrink:0;transition:background .15s}.tono-close:hover{background:#ffffff47}.tono-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.tono-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:none;background:none;font-size:12.5px;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;font-family:inherit}.tono-tabs button.active{color:var(--primary-dark);border-color:var(--primary)}.tono-body{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px;min-height:160px}.tono-bubble{max-width:90%;padding:10px 13px;border-radius:14px;font-size:13px;line-height:1.55;animation:sg-card-in .3s var(--sg-anim-spring) both}.tono-bubble--bot{background:var(--surface-2);color:var(--text-body);border-bottom-left-radius:4px;align-self:flex-start}.tono-bubble--user{background:var(--primary);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.tono-settings-note{font-size:12.5px;color:var(--text-muted);line-height:1.6}.tono-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px;flex-shrink:0}.tono-chip{background:var(--primary-tint);border:1px solid var(--primary-soft);color:var(--primary-dark);border-radius:999px;padding:6px 12px;font-size:11.5px;font-weight:600;cursor:pointer;transition:background .15s;font-family:inherit}.tono-chip:hover{background:var(--primary-soft)}.tono-input-row{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--border);flex-shrink:0}.tono-input{flex:1;border:1.5px solid var(--border);border-radius:10px;padding:9px 12px;font-size:13px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.tono-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #16a34a21}.tono-send{background:var(--primary);color:#fff;border:none;border-radius:10px;width:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,opacity .15s;flex-shrink:0}.tono-send:hover:not(:disabled){background:var(--primary-dark)}.tono-send:disabled{opacity:.4;cursor:not-allowed}.tono-footer{text-align:center;font-size:10.5px;color:var(--text-faint);padding:6px 0 10px;flex-shrink:0}@media (max-width: 480px){.tono-panel{right:16px;left:16px;width:auto;bottom:84px}.tono-fab{right:16px;bottom:16px}}.dep-tree-toolbar{display:flex;justify-content:flex-end;padding:10px 14px 0}.dep-tree-toggle-all{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;color:var(--text-muted);padding:4px 8px;border-radius:6px;transition:background .15s,color .15s}.dep-tree-toggle-all:hover{background:var(--primary-tint);color:var(--primary)}.dep-tree{display:flex;flex-direction:column;gap:8px;padding:10px 14px 14px}.dep-tree-node{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-card);transition:box-shadow .18s ease,transform .18s ease}.dep-tree-node:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.dep-tree-row{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;transition:background .15s}.dep-tree-row:hover{background:var(--primary-tint)}.dep-tree-caret{color:var(--text-faint);transition:transform .2s ease;flex-shrink:0}.dep-tree-caret.open{transform:rotate(90deg);color:var(--primary)}.dep-tree-icon{color:var(--primary);flex-shrink:0}.dep-tree-name{font-size:13.5px;font-weight:600;color:var(--text-main);flex:1;min-width:0}.dep-tree-count{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;border-radius:999px;padding:3px 9px;flex-shrink:0;background:var(--surface-2);color:var(--text-muted)}.dep-tree-count--active{background:var(--primary-tint);color:var(--primary);font-weight:700}.dep-tree-count--empty{background:var(--surface-2);color:var(--text-faint)}.dep-tree-actions{display:flex;gap:4px;flex-shrink:0;margin-left:6px}.dep-tree-action{background:var(--surface-2);border:none;border-radius:7px;padding:6px;cursor:pointer;color:var(--text-muted);transition:background .15s,color .15s}.dep-tree-action:hover{background:var(--warning-soft);color:var(--warning)}.dep-tree-action--danger:hover{background:var(--danger-soft);color:var(--danger)}.dep-tree-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}.dep-tree-panel.open{grid-template-rows:1fr}.dep-tree-panel-inner{overflow:hidden;min-height:0}.dep-tree-empty{padding:10px 14px 14px 42px;font-size:12.5px;color:var(--text-faint);font-style:italic}.dep-tree-children{list-style:none;padding:4px 14px 12px 42px;display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--border)}.dep-tree-child{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;font-size:12.5px;color:var(--text-body);position:relative}.dep-tree-child:before{content:"";position:absolute;left:-14px;top:0;bottom:0;border-left:1.5px solid var(--border)}.dep-tree-child:last-child:before{bottom:50%}.dep-tree-child:after{content:"";position:absolute;left:-14px;top:50%;width:12px;border-top:1.5px solid var(--border)}.dep-tree-child:hover{background:var(--surface-2)}.dep-tree-child-icon{color:var(--text-faint);flex-shrink:0}.dep-tree-child-name{flex:1;min-width:0}.dep-tree-child-actions{display:flex;gap:4px;flex-shrink:0;margin-left:6px}.dep-tree-add-sub{display:flex;align-items:center;gap:6px;width:calc(100% - 28px);margin:0 14px 12px 42px;padding:7px 10px;border:1.5px dashed var(--border);border-radius:8px;background:none;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:12.5px;transition:background .15s,color .15s,border-color .15s}.dep-tree-add-sub:hover{background:var(--primary-tint);color:var(--primary);border-color:var(--primary)}@media (max-width: 480px){.dep-tree-children,.dep-tree-empty{padding-left:26px}.dep-tree-add-sub{margin-left:26px;width:calc(100% - 40px)}.dep-tree-child:before,.dep-tree-child:after{left:-10px}.dep-tree-child:after{width:8px}}.sg-view-toggles{display:flex;align-items:center;gap:6px;flex-shrink:0}.view-toggle{display:flex;border:1.5px solid var(--border);border-radius:10px;overflow:hidden;flex-shrink:0}.view-toggle button{padding:6px 13px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:13px;transition:background .15s,color .15s;line-height:1}.view-toggle button.active{background:var(--primary-soft);color:var(--primary-dark)}.view-toggle button:hover:not(.active){background:var(--border)}.sg-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.sg-stat-main{display:contents}.sg-stat-card{background:var(--surface);border-radius:16px;padding:20px 24px;box-shadow:var(--shadow-premium);border:1px solid rgba(0,0,0,.05);display:flex;align-items:center;gap:16px;transition:box-shadow .22s ease,transform .22s ease;animation:sg-card-in var(--sg-anim-in) var(--sg-anim-spring) both}.sg-stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.sg-stats-row>.sg-stat-card:nth-child(2){animation-delay:.1s}.sg-stats-row>.sg-stat-card:nth-child(3){animation-delay:.18s}.sg-stats-row>.sg-stat-card:nth-child(4){animation-delay:.26s}.sg-stat-card.main{box-shadow:inset 4px 0 0 var(--primary),var(--shadow-premium);background:linear-gradient(135deg,var(--primary-tint) 0%,#fff 60%)}.sg-stat-icon{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px #00000026}.sg-stat-card.main .sg-stat-icon{width:62px;height:62px}.sg-stat-icon{color:#fff}.sg-stat-icon--green{background:linear-gradient(135deg,var(--primary),var(--primary-2))}.sg-stat-icon--red{background:linear-gradient(135deg,var(--danger),var(--danger-2))}.sg-stat-icon--yellow{background:linear-gradient(135deg,var(--warning),var(--warning-2))}.sg-stat-icon--blue{background:linear-gradient(135deg,var(--info),var(--info-2))}.sg-stat-body{flex:1;min-width:0}.sg-stat-value{font-size:28px;font-weight:800;color:var(--text-main);line-height:1.1;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-stat-card.main .sg-stat-value{font-size:34px}.sg-stat-label{font-size:12.5px;color:var(--text-muted);margin-top:4px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-filter-tabs{display:flex;gap:4px;margin-bottom:16px;flex-wrap:wrap;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:4px;width:fit-content}.sg-filter-tab{padding:7px 16px;border-radius:9px;font-size:12.5px;font-weight:600;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .18s ease}.sg-filter-tab:hover{background:#16a34a14;color:var(--primary-dark)}.sg-filter-tab.active{background:var(--surface);color:var(--primary-dark);box-shadow:0 1px 6px #0000001a}.sg-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 5px;border-radius:99px;font-size:10.5px;font-weight:700;background:#16a34a1f;color:var(--primary-dark);margin-left:5px}.sg-filter-tab.active .sg-tab-count{background:var(--primary-soft)}.sg-materials-section{margin-top:16px}.sg-materials-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sg-materials-head strong{font-size:13px;color:var(--text-body)}.sg-material-row{display:grid;grid-template-columns:1fr 60px 80px 90px 34px;gap:6px;margin-bottom:6px;align-items:center}.sg-material-row .sg-input{padding:8px 10px;font-size:12.5px}.sg-material-del{width:34px;height:34px;border:none;border-radius:7px;background:var(--danger-soft);color:var(--danger);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:background .15s}.sg-material-del:hover{background:var(--danger);color:#fff}.sg-materials-empty{font-size:12.5px;color:var(--text-faint);text-align:center;padding:16px}.sg-mat-header{display:grid;grid-template-columns:1fr 60px 80px 90px 34px;gap:6px;margin-bottom:4px}.sg-mat-header span{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.sg-form-page{max-width:100%;width:100%}.sg-form-page-banner{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 55%,var(--primary-2) 100%);border-radius:18px;padding:28px 36px;display:flex;align-items:center;gap:20px;margin-bottom:26px;box-shadow:0 8px 32px #16a34a5c,0 2px 8px #0000001a;position:relative;overflow:hidden}.sg-form-page-banner:before{content:"";position:absolute;top:-70px;right:-50px;width:240px;height:240px;background:radial-gradient(circle,rgba(255,255,255,.14) 0%,transparent 65%);border-radius:50%;pointer-events:none}.sg-form-page-banner:after{content:"";position:absolute;bottom:-90px;left:38%;width:280px;height:280px;background:radial-gradient(circle,rgba(255,255,255,.09) 0%,transparent 65%);border-radius:50%;pointer-events:none}.sg-form-page-banner-icon{width:60px;height:60px;border-radius:16px;background:#ffffff38;border:1.5px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;box-shadow:0 4px 16px #0000001f}.sg-form-page-banner-icon{color:#fff}.sg-form-page-banner-text{flex:1;min-width:0;position:relative;z-index:1}.sg-form-page-banner-title{font-family:var(--font-display);font-size:22px;font-weight:800;color:#fff;margin:0;line-height:1.2;letter-spacing:-.3px}.sg-form-page-banner-sub{font-size:13px;color:#ffffffd1;margin-top:4px}.sg-form-page-banner-back{display:inline-flex;align-items:center;gap:8px;background:#ffffff29;border:1.5px solid rgba(255,255,255,.38);color:#fff;border-radius:11px;padding:10px 20px;cursor:pointer;font-size:13.5px;font-weight:700;transition:background .2s,transform .15s;white-space:nowrap;flex-shrink:0;position:relative;z-index:1}.sg-form-page-banner-back:hover{background:#ffffff4d;transform:translate(-2px)}.sg-form-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}.sg-form-page-col{display:flex;flex-direction:column;gap:22px}.sg-form-page-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 2px 8px #0000000a,0 12px 36px #00000014;overflow:hidden;transition:box-shadow .2s}.sg-form-page-card:hover{box-shadow:0 4px 16px #00000012,0 16px 48px #0000001a}.sg-form-page-section{display:flex;align-items:flex-start;gap:14px;padding:22px 28px 0}.sg-form-page-section-icon{width:44px;height:44px;flex-shrink:0;margin-top:1px;background:linear-gradient(135deg,var(--primary-dark),var(--primary-2));border-radius:13px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #16a34a5c}.sg-form-page-section-icon{color:#fff}.sg-form-page-section h3{font-size:15.5px;font-weight:700;color:#0f172a;margin:0;line-height:1.3}.sg-form-page-section p{font-size:12px;color:var(--text-muted);margin:3px 0 0}.sg-form-page-body{padding:18px 28px 26px}.sg-form-sep{height:1px;background:linear-gradient(90deg,var(--primary-dark) 0%,var(--primary-soft) 30%,var(--border) 60%,transparent 100%);margin:4px 28px 0;opacity:.6}.sg-toggle-row{display:flex;align-items:center;gap:12px;background:var(--primary-tint);border:1px solid #bbf7d0;border-radius:10px;padding:13px 16px;margin-top:4px;cursor:pointer;transition:background .2s,border-color .2s}.sg-toggle-row:hover{background:var(--primary-soft);border-color:var(--primary-2)}.sg-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.sg-toggle input{position:absolute;opacity:0;width:0;height:0}.sg-toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;background:var(--border-2);transition:background .25s}.sg-toggle input:checked~.sg-toggle-track{background:var(--primary)}.sg-toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--surface);box-shadow:0 1px 4px #00000038;transition:transform .25s}.sg-toggle input:checked~.sg-toggle-thumb{transform:translate(20px)}.sg-toggle-text{font-size:13.5px;font-weight:600;color:var(--text-body);-webkit-user-select:none;user-select:none}.sg-form-page-footer{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:32px;padding:20px 0 8px;border-top:1.5px solid #e9ecef}.sg-form-page-footer .sg-btn-secondary{min-height:46px;padding:11px 28px;font-size:14px;font-weight:600;border-radius:50px;gap:8px;background:transparent;color:var(--text-muted);border:1.5px solid var(--border);box-shadow:none;transition:color .2s,border-color .2s,background .2s}.sg-form-page-footer .sg-btn-secondary:hover{color:var(--text-body);border-color:var(--text-faint);background:var(--surface-2);transform:none;box-shadow:none}.sg-form-page-footer .sg-btn-secondary:active{background:var(--border)}.sg-form-page-footer .sg-btn-primary{min-height:46px;padding:11px 38px;font-size:14px;font-weight:800;border-radius:50px;gap:9px;text-transform:uppercase;letter-spacing:.8px;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 50%,#22c55e 100%);border:none;color:#fff;box-shadow:0 4px 16px #16a34a73,0 1px 4px #0000001a,inset 0 1px #ffffff2e;transition:box-shadow .22s,transform .15s,opacity .2s;position:relative}.sg-form-page-footer .sg-btn-primary:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50px;border:2px solid rgba(22,163,74,0);transition:border-color .22s;pointer-events:none}.sg-form-page-footer .sg-btn-primary:hover:not(:disabled){box-shadow:0 8px 28px #16a34a8c,0 2px 8px #00000024,inset 0 1px #ffffff38;transform:translateY(-2px)}.sg-form-page-footer .sg-btn-primary:hover:not(:disabled):after{border-color:#16a34a47}.sg-form-page-footer .sg-btn-primary:active:not(:disabled){transform:translateY(0)}.sg-form-page-footer .sg-btn-primary:disabled{opacity:.55}.sg-form-page-body .sg-input,.sg-form-page-body .sg-select,.sg-form-page-body .sg-textarea{padding:11px 14px;border-radius:10px;border-color:#dde1e7;background:var(--surface-2);font-size:13.5px;transition:border-color .2s,box-shadow .2s,background .2s}.sg-form-page-body .sg-input:focus,.sg-form-page-body .sg-select:focus,.sg-form-page-body .sg-textarea:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3.5px #16a34a26;outline:none}.sg-form-page-body .sg-field label{font-size:11.5px;font-weight:700;color:#4b5563;text-transform:uppercase;letter-spacing:.55px;margin-bottom:6px}.sg-form-page-body .sg-field{margin-bottom:16px}.sg-file-wrap{display:flex;align-items:center;gap:10px;border:1.5px solid #dde1e7;border-radius:10px;background:var(--surface-2);padding:8px 12px;overflow:hidden;transition:border-color .2s}.sg-file-wrap:focus-within{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3.5px #16a34a26}.sg-file-label{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1.5px solid var(--border-2);border-radius:7px;padding:6px 14px;font-size:12.5px;font-weight:700;color:var(--text-body);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:border-color .2s,color .2s}.sg-file-label:hover{border-color:var(--primary);color:var(--primary)}.sg-file-name{font-size:13px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-file-name.has-file{color:var(--text-body);font-weight:500}@media (max-width: 768px){.sg-form-page-grid{grid-template-columns:1fr}.sg-form-page-banner{border-radius:14px;padding:20px 22px;flex-wrap:wrap}.sg-form-page-banner-back{width:100%;justify-content:center}.sg-form-page-footer{padding:14px 6px 10px}.sg-form-page-footer .sg-btn{padding:11px 22px;font-size:14px}}.hor-filter-card{background:var(--surface);border-radius:14px;box-shadow:var(--shadow-card);border:1.5px solid var(--primary-soft);overflow:hidden;margin-bottom:20px}.hor-filter-header{background:linear-gradient(135deg,var(--primary-tint),var(--primary-soft));padding:11px 20px;font-size:13px;font-weight:700;color:var(--primary-dark);border-bottom:1.5px solid var(--primary-soft);display:flex;align-items:center;gap:8px}.hor-filter-body{padding:16px 20px 18px;display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.hor-filter-field{display:flex;flex-direction:column;gap:5px;flex:1;min-width:160px}.hor-filter-label{font-size:11.5px;font-weight:700;color:var(--text-body)}.hor-filter-label i{color:var(--primary);margin-right:4px}.hor-btn-ver{background:linear-gradient(135deg,var(--primary),#22c55e);color:#fff;border:none;border-radius:10px;padding:9px 18px;font-size:13px;font-weight:700;cursor:pointer;transition:box-shadow .2s,transform .2s;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.hor-btn-ver:hover:not(:disabled){box-shadow:0 4px 14px #16a34a59;transform:translateY(-1px)}.hor-btn-ver:disabled{background:var(--border-2);color:var(--text-faint);cursor:not-allowed;transform:none;box-shadow:none}.hor-grid-card{background:var(--surface);border-radius:14px;box-shadow:var(--shadow-card);border:1.5px solid var(--primary-soft);overflow:hidden;margin-bottom:24px}.hor-grid-header{padding:13px 20px;background:linear-gradient(135deg,var(--bg-main),var(--primary-tint));border-bottom:1.5px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.hor-grid-title{font-size:13.5px;font-weight:700;color:var(--primary-dark)}.hor-grid-title svg{margin-right:7px}.hor-grid-room{font-size:13px;font-weight:600;color:var(--text-body)}.hor-legend{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-muted)}.hor-legend-dot{display:inline-block;width:13px;height:13px;border-radius:3px}.hor-scroll{overflow-x:auto}.hor-table{width:100%;border-collapse:collapse;min-width:680px;table-layout:fixed}.hor-table th{background:linear-gradient(135deg,var(--primary),#22c55e);color:#fff;padding:11px 8px;font-size:12.5px;font-weight:700;text-align:center;border:none;position:sticky;top:0;z-index:2}.hor-th-time{background:#1f2937!important;width:72px;min-width:68px}.hor-table td{border:1px solid var(--primary-tint);vertical-align:top;padding:0;height:68px}.hor-time-cell{background:var(--bg-main);text-align:center;vertical-align:middle;padding:4px 6px;border-right:2px solid var(--border)!important}.hor-time-label{font-size:11.5px;font-weight:700;color:var(--text-body);display:block}.hor-time-sub{font-size:10px;color:var(--text-faint);display:block}.hor-slot-disp{height:100%;background:#f9fffe;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--primary-soft);cursor:pointer;transition:background .15s,color .15s;min-height:44px}.hor-slot-disp:hover{background:var(--primary-soft);color:var(--primary)}.hor-slot-ocupado{height:100%;padding:7px 10px;display:flex;flex-direction:column;gap:2px;cursor:pointer;border-left:4px solid transparent;border-radius:0 7px 7px 0;margin:2px 3px 2px 0;transition:filter .15s ease,transform .15s ease;min-height:44px;overflow:hidden}.hor-slot-ocupado:hover{filter:brightness(.92);transform:scaleX(1.01)}.hor-ficha-num{font-size:11.5px;font-weight:800;color:var(--blk-color, var(--text-main))}.hor-comp{font-size:11px;color:var(--text-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hor-inst{font-size:10.5px;color:var(--text-muted)}.hor-time-range{font-size:10px;color:var(--text-faint);margin-top:2px}.hor-empty-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:60px 24px;text-align:center;color:var(--text-faint)}.hor-empty-hint svg{opacity:.3}.hor-empty-hint p{font-size:13.5px;max-width:380px;line-height:1.7;color:var(--text-muted)}.hor-empty-hint strong{color:var(--primary-dark)}.hor-tfoot-cell{background:var(--primary-tint);border-top:2px solid var(--primary-soft);padding:6px 4px;text-align:center;font-size:11.5px;font-weight:700;color:var(--primary-dark)}.hor-tfoot-time{background:var(--surface-2);border-top:2px solid var(--primary-soft);padding:6px 4px;text-align:center;font-size:10.5px;color:var(--text-faint);font-weight:500}.hor-summary-bar{display:flex;gap:20px;padding:10px 20px;background:var(--primary-tint);border-bottom:1px solid var(--primary-soft);font-size:12.5px;color:var(--primary-dark);flex-wrap:wrap}.hor-summary-item{display:flex;align-items:center;gap:7px;font-weight:600}.hor-summary-item svg{flex-shrink:0}.hor-view-bar{display:flex;gap:4px;margin-bottom:0;flex-wrap:wrap}.hor-view-tab{display:flex;align-items:center;gap:7px;padding:8px 16px;border-radius:10px 10px 0 0;font-size:13px;font-weight:600;border:none;cursor:pointer;background:var(--surface-2);color:var(--text-muted);border-bottom:2px solid transparent;transition:all .18s ease}.hor-view-tab:hover{color:var(--primary-dark);background:var(--primary-tint)}.hor-view-tab.active{background:var(--surface);color:var(--primary-dark);border-bottom:2px solid var(--primary);box-shadow:0 -2px 8px #0000000f}.hor-salon-section{margin-bottom:20px;border-radius:12px;overflow:hidden;border:1.5px solid var(--primary-soft);box-shadow:var(--shadow-card)}.hor-salon-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 16px;background:linear-gradient(135deg,var(--primary-tint),var(--bg-main));border-bottom:1px solid var(--border)}.hor-salon-name{font-size:13.5px;font-weight:700;color:var(--primary-dark)}.hor-salon-name svg{margin-right:7px}.hor-salon-meta{display:flex;gap:5px;flex-wrap:wrap}.hor-area-group{margin-bottom:32px}.hor-area-group-header{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--text-main);padding:10px 0;border-bottom:2px solid var(--primary-soft);margin-bottom:16px}.hor-area-group-header i{color:var(--primary);font-size:15px}.hor-month-nav{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:linear-gradient(135deg,var(--bg-main),var(--primary-tint));border-bottom:1px solid var(--border)}.hor-month-nav-title{font-size:15px;font-weight:700;color:var(--text-main)}.hor-month-nav-btn{background:none;border:1.5px solid var(--border);border-radius:8px;width:32px;height:32px;cursor:pointer;color:var(--primary);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.hor-month-nav-btn:hover{background:var(--primary-tint);border-color:var(--primary-soft)}.hor-month-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--border)}.hor-month-head{padding:8px 4px;text-align:center;font-size:11.5px;font-weight:700;color:var(--text-muted);background:var(--surface-2);border-bottom:1px solid var(--border);border-right:1px solid var(--border)}.hor-month-head:last-child{border-right:none}.hor-month-day{min-height:76px;padding:6px 8px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer;transition:background .14s;position:relative}.hor-month-day:nth-child(6n){border-right:none}.hor-month-day:hover{background:var(--primary-tint)}.hor-month-day.selected{background:var(--primary-tint);outline:2px solid var(--primary);outline-offset:-2px}.hor-month-day.today .hor-month-num{background:var(--primary);color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:11px}.hor-month-day.outside{opacity:.35;pointer-events:none}.hor-month-day.empty{background:var(--surface-2);pointer-events:none}.hor-month-num{font-size:12px;font-weight:600;color:var(--text-body);margin-bottom:5px}.hor-month-dots{display:flex;flex-wrap:wrap;gap:3px}.hor-month-dot{display:inline-block;width:9px;height:9px;border-radius:50%}.hor-month-more{font-size:9.5px;color:var(--text-muted);font-weight:700}.hor-month-horas{position:absolute;right:6px;bottom:5px;font-size:9.5px;font-weight:700;color:var(--text-muted)}.hor-month-day.ocupacion-baja{background:#16a34a0d}.hor-month-day.ocupacion-media{background:#d9770612}.hor-month-day.ocupacion-alta{background:#dc262614}.hor-month-day.ocupacion-baja:hover,.hor-month-day.ocupacion-media:hover,.hor-month-day.ocupacion-alta:hover{background:var(--primary-tint)}.hor-day-detail{margin:0 1px;background:var(--surface);border-top:2px solid var(--primary-soft);padding:14px 20px}.hor-day-detail-head{font-size:13px;font-weight:700;color:var(--text-main);margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.hor-day-detail-close{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:14px;padding:2px 6px;border-radius:6px;transition:all .15s}.hor-day-detail-close:hover{background:var(--border);color:var(--text-main)}.hor-day-block{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--border)}.hor-day-block:last-child{border-bottom:none}.hor-day-color{width:4px;min-height:40px;border-radius:99px;flex-shrink:0}.hor-day-block-info{flex:1}.hor-day-block-ficha{font-size:11.5px;font-weight:800;color:var(--text-main)}.hor-day-block-comp{font-size:11px;color:var(--text-body);margin-top:1px}.hor-day-block-meta{font-size:10.5px;color:var(--text-muted);margin-top:3px;display:flex;gap:10px}.hor-day-empty{padding:20px;text-align:center;color:var(--text-faint);font-size:13px}.hor-vigencia-hint{display:flex;gap:8px;align-items:flex-start;background:var(--primary-tint);border:1px solid var(--primary-soft);border-radius:10px;padding:10px 12px;font-size:12px;color:var(--text-body);line-height:1.45}.hor-vigencia-hint svg{flex-shrink:0;margin-top:1px;color:var(--primary)}.hor-color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.hor-color-opt{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:6px 4px;border-radius:8px;border:2px solid transparent;background:none;transition:border-color .15s,background .15s}.hor-color-opt.sel{border-color:var(--text-main);background:var(--border)}.hor-color-dot{display:block;width:26px;height:26px;border-radius:50%;box-shadow:0 1px 4px #00000026}.hor-color-name{font-size:10px;color:var(--text-muted)}.hor-avail-wrap{display:flex;flex-direction:column;gap:22px}.hor-avail-group{border-radius:12px;overflow:hidden;border:1.5px solid var(--primary-soft);box-shadow:0 2px 10px #0000000f}.hor-avail-group-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 18px;background:linear-gradient(135deg,var(--primary-tint),var(--bg-main));border-bottom:1.5px solid var(--primary-soft)}.hor-avail-area-name{font-size:13.5px;font-weight:700;color:var(--primary-dark);display:flex;align-items:center;gap:8px}.hor-avail-area-meta{display:flex;gap:6px;flex-wrap:wrap}.hor-avail-scroll{overflow-x:auto}.hor-avail-table{width:100%;border-collapse:collapse;min-width:640px}.hor-avail-table th{background:var(--bg-main);font-size:11px;font-weight:700;color:var(--text-muted);padding:8px 10px;text-align:center;border-bottom:1px solid var(--border)}.hor-avail-th-salon{text-align:left;min-width:180px;padding-left:16px}.hor-avail-th-day{min-width:62px}.hor-avail-th-total{min-width:100px}.hor-avail-th-action{width:110px}.hor-avail-row{border-bottom:1px solid var(--primary-tint);transition:background .12s}.hor-avail-row:hover{background:#fafffe}.hor-avail-row.expanded{background:var(--primary-tint);border-bottom:none}.hor-avail-row:last-child:not(.expanded){border-bottom:none}.hor-avail-td-salon{padding:10px 10px 10px 16px;white-space:nowrap}.hor-avail-td-salon svg{color:var(--primary);margin-right:7px}.hor-avail-salon-name{font-size:12.5px;font-weight:600;color:#1f2937}.hor-avail-salon-code{font-size:10.5px;color:var(--text-faint);margin-left:7px;background:var(--border);padding:1px 6px;border-radius:5px}.hor-avail-day-cell{padding:9px 6px;text-align:center}.hor-avail-pill{display:inline-block;min-width:36px;padding:3px 8px;border-radius:99px;font-size:11px;font-weight:700;text-align:center}.hor-avail-pill--free{background:var(--primary-soft);color:var(--primary-dark)}.hor-avail-pill--partial{background:#fef3c7;color:#92400e}.hor-avail-pill--busy{background:#fee2e2;color:#991b1b}.hor-avail-td-total{padding:9px 12px;text-align:center;white-space:nowrap}.hor-avail-pct{display:inline-block;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:99px}.hor-avail-pct--free{background:var(--primary-soft);color:var(--primary-dark)}.hor-avail-pct--partial{background:#fef3c7;color:#92400e}.hor-avail-pct--busy{background:#fee2e2;color:#991b1b}.hor-avail-td-action{padding:7px 12px;text-align:right}.hor-avail-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:8px;font-size:11.5px;font-weight:600;border:1.5px solid var(--border-2);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:all .15s;white-space:nowrap}.hor-avail-btn:hover,.hor-avail-btn.active{background:var(--primary-tint);border-color:var(--primary);color:var(--primary)}.hor-avail-expanded-row td{padding:0;background:#f8fffe;border-bottom:2px solid var(--primary-soft)}.hor-avail-grid-wrap{background:var(--surface);border-top:1px solid var(--border)}.hor-avail-grid-label{padding:10px 18px;font-size:12.5px;font-weight:700;color:var(--primary-dark);background:linear-gradient(135deg,var(--primary-tint),var(--bg-main));border-bottom:1px solid var(--primary-soft);display:flex;align-items:center;gap:8px}.dash-welcome{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 55%,var(--primary-2) 100%);border-radius:20px;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px;color:#fff;position:relative;overflow:hidden;box-shadow:0 8px 32px #16a34a52,0 2px 8px #00000014}.dash-welcome:before{content:"";position:absolute;top:-60px;right:-40px;width:220px;height:220px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.dash-welcome:after{content:"";position:absolute;bottom:-80px;left:25%;width:180px;height:180px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.dash-welcome-text{flex:1;min-width:0;position:relative;z-index:1}.dash-welcome-greeting{font-size:22px;font-weight:800;line-height:1.25}.dash-welcome-sub{font-size:12.5px;opacity:.82;margin-top:6px}.dash-welcome-actions{display:flex;gap:10px;flex-shrink:0;position:relative;z-index:1}.dash-welcome-badge{background:#ffffff2e;border:1.5px solid rgba(255,255,255,.3);border-radius:12px;padding:10px 18px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#fff}.dash-export-btn{background:#ffffff2e;border:1.5px solid rgba(255,255,255,.3);border-radius:12px;padding:10px 18px;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:background .2s;font-family:inherit}.dash-export-btn:hover{background:#ffffff47}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:#fff;border-radius:16px;padding:20px 22px;position:relative;overflow:hidden;cursor:default;transition:box-shadow .3s ease,transform .25s ease;box-shadow:0 2px 12px #0000000f,0 1px 3px #00000008;display:flex;align-items:center;gap:18px;border:1px solid rgba(0,0,0,.045)}.stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000001a}.stat-card .stat-icon{width:52px;height:52px;flex-shrink:0;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;filter:none;background:transparent;padding:0;margin:0}.stat-card.primary .stat-icon{background:var(--info-soft);color:var(--info)}.stat-card.success .stat-icon{background:var(--primary-soft);color:var(--primary-dark)}.stat-card.info .stat-icon{background:var(--orange-soft);color:var(--orange)}.stat-card.warning .stat-icon{background:var(--danger-soft);color:var(--danger)}.stat-card.purple .stat-icon{background:var(--purple-soft);color:var(--purple)}.stat-card.cyan .stat-icon{background:var(--cyan-soft);color:var(--cyan)}.stat-content{flex:1;min-width:0}.stat-number{font-size:28px;font-weight:800;color:var(--text-main);line-height:1}.stat-label{font-size:13px;font-weight:600;color:var(--text-body);margin-top:5px}.stat-sub{font-size:11px;color:var(--text-faint);margin-top:2px}.dash-vencimientos{margin-bottom:22px}.dash-vencimientos-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text-body);margin-bottom:10px}.dash-vencimientos-row{display:flex;flex-wrap:wrap;gap:10px}.dash-venc-chip{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:8px 16px 8px 12px;box-shadow:var(--shadow-card);animation:sg-card-in var(--sg-anim-in) var(--sg-anim-spring) both}.dash-venc-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.dash-venc-green .dash-venc-dot{background:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.dash-venc-yellow .dash-venc-dot{background:var(--warning-2);box-shadow:0 0 0 3px var(--warning-soft)}.dash-venc-red .dash-venc-dot{background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft);animation:sg-pulse-fade 1.6s ease infinite}.dash-venc-label{font-size:12.5px;font-weight:600;color:var(--text-main)}.dash-venc-count{font-size:12px;color:var(--text-muted)}.dash-venc-count strong{color:var(--danger);font-weight:700}@keyframes sg-pulse-fade{0%,to{opacity:1}50%{opacity:.45}}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.dashboard-col{display:flex;flex-direction:column;gap:0;min-width:0}@media (max-width: 1300px){.dashboard-grid{grid-template-columns:1fr 1fr}}@media (max-width: 800px){.dashboard-grid{grid-template-columns:1fr}}.chart-container{background:#fff;border-radius:16px;margin-bottom:18px;box-shadow:0 2px 12px #0000000f,0 1px 3px #00000008;border:1px solid rgba(0,0,0,.045);overflow:hidden}.chart-head-bar{padding:14px 20px;display:flex;align-items:center;gap:10px;color:var(--primary);background:linear-gradient(135deg,#f0fdf4,#f8fffc);border-bottom:1.5px solid #d1fae5}.chart-head-bar h3{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-main);margin:0}.chart-inner{padding:18px 20px}.calendar-container{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f,0 1px 3px #00000008;border:1px solid rgba(0,0,0,.045);overflow:hidden}.calendar-inner{padding:18px 20px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.calendar-nav{background:linear-gradient(135deg,var(--primary),var(--primary-2));border:none;color:#fff;width:32px;height:32px;border-radius:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:opacity .2s;box-shadow:0 2px 8px #16a34a4d}.calendar-nav:hover{opacity:.85}.calendar-title{font-weight:700;text-transform:capitalize;font-size:15px;color:var(--text-main)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:10.5px;font-weight:700;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{height:32px;display:flex;align-items:center;justify-content:center;border-radius:9px;position:relative;transition:background .15s,color .15s;font-size:12.5px;border:none;cursor:pointer;color:var(--text-body);background:transparent}.calendar-day:hover{background:var(--primary-tint);color:var(--primary-dark)}.calendar-day.today{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-weight:700;box-shadow:0 3px 10px #16a34a59}.calendar-day.has-event:after{content:"";width:5px;height:5px;background:var(--primary-2);border-radius:50%;position:absolute;bottom:4px;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px var(--surface)}.calendar-day.has-event.today:after{background:#ffffffe6}.calendar-day.selected{background:var(--primary-soft);color:var(--primary-dark);box-shadow:inset 0 0 0 1.5px var(--primary)}.calendar-day-badge{position:absolute;top:-3px;right:-3px;min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:var(--danger);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--surface)}.calendar-grid-wrap{position:relative}.calendar-day-popup{position:absolute;z-index:60;width:260px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 40px #0000002e,0 2px 8px #0000000f;padding:10px;animation:sg-modal-in .16s cubic-bezier(.16,1,.3,1) both}.calendar-day-popup-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:var(--text-main);margin-bottom:8px;padding:0 2px}.calendar-day-popup-head button{background:var(--surface-2);border:none;border-radius:6px;padding:4px;cursor:pointer;color:var(--text-muted)}.calendar-day-popup-head button:hover{background:var(--danger-soft);color:var(--danger)}.calendar-day-popup-empty{font-size:12px;color:var(--text-faint);font-style:italic;padding:4px 2px 2px}.calendar-day-popup-item{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:8px;font-size:12px;color:var(--text-body);cursor:pointer;margin-bottom:3px;background:var(--surface-2);transition:background .15s}.calendar-day-popup-item:hover{background:var(--primary-tint)}.calendar-day.has-event.today:after{background:#fffc}.events-container{margin-top:14px;border-top:1.5px solid var(--border);padding-top:14px}.events-container h4{font-size:13px;font-weight:700;margin-bottom:10px;color:var(--text-main)}.event-item{display:flex;gap:10px;padding:9px 12px;border-radius:10px;background:var(--surface-2);margin-bottom:6px}.event-date{font-weight:700;color:var(--primary);min-width:46px;font-size:12px}.event-title{font-size:12.5px;color:var(--text-body)}.text-muted{color:var(--text-muted);font-size:13px}.login-container{display:flex;min-height:100vh}.login-left{flex:1;background:var(--surface);padding:60px 40px;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-right{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:48px;background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.16),transparent 42%),radial-gradient(circle at 82% 78%,rgba(255,255,255,.12),transparent 40%),linear-gradient(150deg,var(--primary-dark),var(--primary) 55%,var(--brand-lime))}.login-right:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at 50% 42%,black,transparent 72%);mask-image:radial-gradient(circle at 50% 42%,black,transparent 72%)}.login-right:after{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:#ffffff14;filter:blur(2px);top:-140px;right:-120px}.login-right-content{position:relative;z-index:1;max-width:380px;color:#fff}.login-right-badge{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#ffffff29;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:6px 14px;margin-bottom:18px}.login-right-content h3{font-family:var(--font-display);font-size:30px;line-height:1.25;margin-bottom:14px}.login-right-content p{font-size:14.5px;line-height:1.6;color:#ffffffe0;margin-bottom:28px}.login-right-features{list-style:none;display:flex;flex-direction:column;gap:14px}.login-right-features li{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500}.login-right-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#ffffff24;border:1px solid rgba(255,255,255,.22);flex-shrink:0}@media (max-width: 800px){.login-right{display:none}}.logo-login{display:flex;align-items:center;margin-bottom:40px}.logo-login-img{height:46px;width:auto}.welcome-text{text-align:center;margin-bottom:40px}.welcome-text h2{font-family:var(--font-display);font-size:28px;color:var(--text-main);margin-bottom:8px}.welcome-text .brand-accent{color:var(--primary)}.welcome-text p{color:var(--text-muted);font-size:14px}.login-form{width:100%;max-width:360px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--text-body);font-weight:500;font-size:13.5px}.form-group input{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.password-group{position:relative}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center}.forgot-password{text-align:right;margin-bottom:30px}.forgot-password a{color:var(--text-muted);font-size:13.5px}.login-btn{width:100%;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;padding:14px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:filter .2s,transform .15s;box-shadow:0 10px 24px -8px #16a34a8c}.login-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-alert{background:var(--danger-soft);border:1.5px solid #fca5a5;border-left:4px solid var(--danger);border-radius:10px;padding:14px 16px;margin-bottom:20px;display:flex;align-items:flex-start;gap:12px}.login-alert svg{color:var(--danger);margin-top:1px;flex-shrink:0}.login-alert strong{display:block;color:#b91c1c;font-size:14px;margin-bottom:4px}.login-alert span{color:#991b1b;font-size:13px}.sg-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sg-actions{display:flex;gap:6px}.sg-muted{color:var(--text-muted)}.sg-stack{display:flex;flex-direction:column;gap:12px}.sg-row{display:flex;gap:12px}.sg-row>*{flex:1}