@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg:#f4f1ea;--surface:#fffcf6eb;--surface-strong:#fffdf9;--surface-soft:#f8efe3;--line:#654e3724;--line-strong:#654e3738;--text:#213547;--muted:#6f7a82;--accent:#c96c50;--accent-strong:#b4573a;--accent-soft:#c96c5024;--teal:#2f7f73;--teal-soft:#2f7f731f;--blue:#476c9b;--blue-soft:#476c9b1f;--amber:#a56a43;--amber-soft:#a56a431f;--success:#23967f;--success-soft:#e3f6ef;--success-line:#bde8da;--pending:#9c6644;--pending-soft:#f8ebe2;--pending-line:#ecd0bc;--progress:#4b6382;--progress-soft:#e8eef6;--progress-line:#cad6e6;--shadow-sm:0 12px 24px #35281c0f;--shadow-md:0 18px 40px #35281c1a;--radius-lg:24px;--radius-md:18px;--radius-sm:14px;--transition:.18s ease;--sticky-header-top:72px;--sticky-header-top-mobile:72px;font-family:Manrope,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-y:scroll}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#c96c5024,#0000 22%),radial-gradient(circle at 100% 0,#2f7f731f,#0000 20%),linear-gradient(#fffaf3 0%,#f5efe6 100%);font-family:Manrope,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-container{min-height:100vh}.navbar-header{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#213547e6;border-bottom:1px solid #ffffff14;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.5rem;display:grid;position:sticky;top:0;box-shadow:0 14px 32px #21354729}.brand-section{align-items:center;gap:.75rem;display:flex}.brand-title{color:#fff8f0;letter-spacing:-.04em;font-size:1.8rem;font-weight:800}.brand-pulse{color:#fff;background:linear-gradient(135deg,#f4a261,#e76f51);border-radius:999px;justify-content:center;align-items:center;min-width:2.2rem;height:2.2rem;padding:0 .7rem;font-weight:800;display:inline-flex;box-shadow:0 10px 20px #e76f514d}.nav-links-row{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.nav-actions-row{align-items:center;gap:.8rem;display:flex}.nav-link-btn{transition:transform var(--transition), background-color var(--transition), box-shadow var(--transition), color var(--transition);border:none;border-radius:999px;padding:.72rem 1rem;font-weight:700}.nav-link-btn:hover{transform:translateY(-1px)}.nav-link-tab{color:#fff8f0f2;background:#ffffff17;border:1px solid #ffffff1a}.nav-link-tab.active{color:var(--text);background:linear-gradient(135deg,#fff8ef,#fce4cd);box-shadow:0 10px 22px #fce4cd47}.nav-link-cta{color:#fff8f0;background:linear-gradient(135deg,#c96c50,#b4573a);box-shadow:0 14px 24px #b4573a47}.main-content{width:min(1360px,100% - 2rem);margin:0 auto;padding:1.5rem 0 2rem}.page-header,.compact-toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding-left:.4rem;display:flex}.page-title-sec h2,.dashboard-card h3{letter-spacing:-.03em;font-size:1.25rem;font-weight:800}.page-title-sec p,.dashboard-empty-state,.empty-state-card p{color:var(--muted);line-height:1.6}.compact-label,.section-tag,.mini-heading,.field-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.4rem;font-size:.78rem;font-weight:800;display:inline-flex}.kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.85rem;margin-bottom:1rem;display:grid}.kpi-card,.dashboard-card,.parent-task-card,.content-panel,.console-card,.mockup-modal,.table-header-row,.empty-state-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.kpi-card{border-radius:var(--radius-md);border:1px solid #6051401a;padding:1.2rem;position:relative;overflow:hidden;box-shadow:0 14px 26px #402e1e14}.kpi-card.total{background:#f4e5dc;border-left:4px solid #c96c50}.kpi-card.assigned{background:#e4efe9;border-left:4px solid #2f7f73}.kpi-card.unassigned{background:#f2e6de;border-left:4px solid #b96b49}.kpi-card.pending{background:#f6e8df;border-left:4px solid #c07a52}.kpi-card.inprogress{background:#e3ebf6;border-left:4px solid #587dba}.kpi-card.complete{background:#e4efe5;border-left:4px solid #4a9965}.kpi-title,.kpi-value,.kpi-desc{z-index:1;position:relative}.kpi-title{color:#362b1fb8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.78rem;font-size:.78rem;font-weight:800;display:block}.kpi-value{letter-spacing:-.06em;color:#243648;margin-bottom:.45rem;font-size:2.1rem;font-weight:900;line-height:1;display:block}.kpi-card.total .kpi-value{color:#243648}.kpi-card.assigned .kpi-value{color:#1f665d}.kpi-card.unassigned .kpi-value{color:#9b5b3d}.kpi-card.pending .kpi-value{color:#9b5a38}.kpi-card.inprogress .kpi-value{color:#42618d}.kpi-card.complete .kpi-value{color:#416c4e}.kpi-desc{color:#493d31c2;font-size:.9rem;line-height:1.4}.dashboard-panel-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);gap:1rem;display:grid}.dashboard-card{border-radius:var(--radius-lg);padding:1.2rem}.dashboard-card-head{justify-content:space-between;align-items:start;margin-bottom:1rem;display:flex}.dashboard-card-head strong{font-size:1.7rem;font-weight:800}.dashboard-focus-list,.recent-win-wrap{flex-direction:column;gap:.8rem;display:flex}.dashboard-focus-item,.dashboard-win-item{border-radius:var(--radius-sm);background:var(--surface-strong);border:1px solid #654e371a;grid-template-columns:auto 1fr;align-items:start;gap:.8rem;padding:.95rem;display:grid}.dashboard-rank{color:#fff;background:linear-gradient(135deg,#c96c50,#e7a36c);border-radius:50%;justify-content:center;align-items:center;min-width:2.4rem;height:2.4rem;font-weight:800;display:inline-flex}.dashboard-focus-topline,.dashboard-focus-meta{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.dashboard-focus-content strong,.dashboard-win-item strong{font-size:.98rem}.dashboard-focus-meta span,.dashboard-win-item span{color:var(--muted);font-size:.86rem}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-bottom:1rem;display:grid}.summary-grid div{border-radius:var(--radius-sm);background:var(--surface-soft);border:1px solid #654e3714;padding:1rem}.summary-grid span{color:var(--muted);margin-bottom:.35rem;font-size:.82rem;display:block}.summary-grid strong{font-size:1.5rem;font-weight:800}.win-dot{background:linear-gradient(135deg,#a78bfa,#6366f1);border-radius:999px;width:.8rem;height:.8rem;margin-top:.35rem;box-shadow:0 2px 8px #6366f166}.table-header-row{border-radius:var(--radius-md);color:var(--text);top:var(--sticky-header-top);z-index:90;background:linear-gradient(#f5ecdffa 0%,#efe3d4fa 100%);border:1px solid #83644624;align-items:center;gap:0;margin-bottom:.9rem;padding:.95rem 1.2rem .95rem 1.45rem;font-size:.8rem;font-weight:800;display:flex;position:sticky;box-shadow:0 14px 26px #35281c1a}.table-header-row>div,.table-header-row select{color:var(--text)!important;font-weight:800!important}.cards-stack{flex-direction:column;gap:.9rem;display:flex}.parent-task-card{border-radius:var(--radius-lg);z-index:1;transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);position:relative;overflow:visible}.parent-task-card:focus-within{z-index:15}.parent-task-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.parent-card-header,.subtask-checklist-item{align-items:center;gap:0;padding:1rem 1.2rem;display:flex}.parent-task-card>.subtasks-panel{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);background:#f8efe373;border-top:1px solid #654e371a}.subtasks-panel .subtasks-panel{background:#ffffff7a;border-top:1px dashed #654e371f}.subtask-checklist-item{z-index:1;min-height:76px;transition:background-color var(--transition);border-bottom:1px solid #654e3714;position:relative;overflow:visible}.subtask-checklist-item:focus-within{z-index:25}.subtask-checklist-item:last-child{border-bottom:none}.subtask-checklist-item:hover{background:#fff9}.card-col-date{width:90px;color:var(--muted);flex-shrink:0;justify-content:flex-start;align-items:center;font-size:.86rem;font-weight:700;display:flex}.card-col-title{flex:1;min-width:0;padding:0 1rem 0 .5rem}.card-col-assignee{flex-shrink:0;justify-content:center;width:160px;display:flex}.card-col-status{flex-shrink:0;justify-content:center;width:150px;display:flex}.card-col-actions{flex-shrink:0;justify-content:flex-end;width:120px;display:flex}.task-title-btn{color:var(--text);background:0 0;border:none}.task-title-btn:hover{color:var(--accent-strong)}.chevron-toggle{background:#ffffffbf;border:none;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;margin-right:.45rem;display:inline-flex}.chevron-toggle:hover{background:var(--accent-soft)}.subtask-badge-label,.container-label{color:var(--teal);background:#2f7f731a;border-radius:999px;align-items:center;padding:.22rem .55rem;font-size:.72rem;font-weight:800;display:inline-flex}.task-progress-track{background:#21354714;border-radius:999px;width:min(180px,100%);height:6px;overflow:hidden}.task-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#2f7f73,#70c0a8);height:100%}.avatar-circle,.avatar-stack-circle{color:#fff;justify-content:center;align-items:center;font-weight:800;display:inline-flex;box-shadow:0 10px 20px #2135471f}.avatar-circle{border-radius:50%;width:30px;height:30px;margin-right:.6rem;font-size:.74rem}.avatar-stack{display:inline-flex}.avatar-stack-circle{border:2px solid #fff;border-radius:50%;width:25px;height:25px;margin-right:-.3rem;font-size:.62rem}.assignee-select-wrapper{background:linear-gradient(#fffdf9,#f8efe3);border:1px solid #654e3724;border-radius:999px;align-items:center;width:190px;padding:.4rem .65rem;display:flex}.assignee-select,.filter-select,.search-input,.mockup-select,.mockup-textarea,.console-textarea{border:1px solid var(--line);width:100%;color:var(--text);transition:border-color var(--transition), box-shadow var(--transition), background-color var(--transition);background:#fffdf9f2;border-radius:14px;outline:none}.assignee-select{appearance:none;cursor:pointer;background:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236f7a82' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right .25rem center/.8rem no-repeat;border:none;padding-right:1.4rem!important}.search-input,.filter-select,.mockup-select{padding:.8rem .95rem}.filter-select{width:calc(100% - 24px)!important}select.filter-select,select.mockup-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23213547' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.2rem!important}.mockup-textarea{resize:vertical;min-height:48px;padding:.5rem .75rem}.mockup-select{padding:.5rem .75rem!important}.console-textarea{resize:vertical;min-height:140px;padding:1rem}.search-input:focus,.filter-select:focus,.mockup-select:focus,.mockup-textarea:focus,.console-textarea:focus{border-color:#c96c5059;box-shadow:0 0 0 4px #c96c501f}.status-badge{min-width:108px;transition:transform var(--transition);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.45rem .9rem;font-size:.76rem;font-weight:800;display:inline-flex}.status-badge:hover{transform:translateY(-1px)}.status-badge.pending{background:var(--pending-soft);color:var(--pending);border-color:var(--pending-line)}.status-badge.inprogress{background:var(--progress-soft);color:var(--progress);border-color:var(--progress-line)}.status-badge.complete{background:var(--success-soft);color:var(--success);border-color:var(--success-line)}.action-btn-circle{border:1px solid var(--line);background:var(--surface-strong);width:30px;min-width:30px;height:30px;color:var(--text);cursor:pointer;transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.action-btn-circle.add{background:var(--teal-soft);color:var(--teal);border-color:#2f7f7333}.action-btn-circle.add:hover{background:var(--teal);color:#fff;border-color:var(--teal);transform:translateY(-1px)}.action-btn-circle.edit{background:var(--blue-soft);color:var(--blue);border-color:#476c9b33}.action-btn-circle.edit:hover{background:var(--blue);color:#fff;border-color:var(--blue);transform:translateY(-1px)}.action-btn-circle.delete{background:var(--accent-soft);color:var(--accent-strong);border-color:#c96c5033}.action-btn-circle.delete:hover{background:var(--accent-strong);color:#fff;border-color:var(--accent-strong);transform:translateY(-1px)}.hover-actions-group{opacity:1;gap:.45rem;display:flex}.content-panel,.console-card,.empty-state-card{border-radius:var(--radius-lg);padding:1rem}.team-panel{background:linear-gradient(#fffdf9fa 0%,#f8efe3d1 100%);overflow:hidden;padding:0!important}.empty-state-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:2.5rem 1.25rem;display:flex}.empty-state-card.error{border-color:#b4573a3d}.empty-state-title{font-size:1.15rem;font-weight:800}.data-table{border-collapse:collapse;width:100%}.team-table{margin:0}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #654e3714;padding:1rem .9rem}.data-table th{top:var(--sticky-header-top);z-index:90;color:var(--text);text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(#f5ecdffa 0%,#efe3d4fa 100%);font-size:.78rem;position:sticky;box-shadow:0 10px 18px #35281c14;font-weight:800!important}.data-table tr.hoverable:hover{background:#c96c500f}.team-table th{box-shadow:none;position:static;top:auto}.team-table tbody tr{background:#ffffffb8}.team-index{color:var(--muted);font-weight:700}.team-name{color:var(--text);font-size:.98rem;font-weight:800}.team-count-badge{min-width:112px}.table-action-btn{color:#fffdf9;width:30px;min-width:30px;height:30px;transition:transform var(--transition), box-shadow var(--transition), filter var(--transition);background:linear-gradient(135deg,#2f7f73,#3f9689);border:1px solid #2f7f7329;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;box-shadow:0 4px 10px #2f7f7324}.table-action-btn:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 6px 14px #2f7f7333}.table-action-btn.rename{background:linear-gradient(135deg,#476c9b,#5a82b3);border-color:#476c9b29;box-shadow:0 4px 10px #476c9b24}.table-action-btn.rename:hover{box-shadow:0 6px 14px #476c9b33}.table-action-btn.cancel{background:linear-gradient(135deg,#c96c50,#b4573a);border-color:#c96c5029;box-shadow:0 4px 10px #c96c5024}.table-action-btn.cancel:hover{box-shadow:0 6px 14px #c96c5033}.transporter-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.panel-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.panel-title{font-weight:800}.console-preview{border-radius:var(--radius-md);min-height:420px;color:var(--text);white-space:pre-wrap;background:#fffdf9;border:1px solid #654e371f;padding:1rem;font-family:Consolas,Courier New,monospace;font-size:.85rem;line-height:1.6;overflow:auto}.console-textarea{min-height:420px;font-family:Consolas,Courier New,monospace;font-size:.85rem}.modal-overlay-bg{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2135475c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.mockup-modal{border-radius:26px;width:min(520px,100%);padding:1.2rem;position:relative;overflow:visible}.mockup-modal-close{width:1.8rem;height:1.8rem;color:var(--muted);background:#2135470f;border:none;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:1rem;right:1rem}.mockup-modal-title{margin:0 0 .9rem;font-size:1.25rem;font-weight:800}.modal-parent-note,.modal-info-note{border-radius:var(--radius-sm);margin-bottom:1rem;padding:.9rem 1rem;font-weight:700}.modal-parent-note{background:var(--teal-soft);color:var(--teal)}.modal-info-note{background:var(--accent-soft);color:var(--accent-strong)}.mockup-form-group{margin-bottom:.75rem}.field-label{margin-bottom:.35rem}@media (width<=1180px){:root{--sticky-header-top:var(--sticky-header-top-mobile)}.navbar-header{grid-template-columns:1fr}.nav-links-row,.nav-actions-row{justify-content:center}.dashboard-panel-grid{grid-template-columns:1fr}}@media (width<=960px){.assignee-panel-grid{grid-template-columns:1fr}.main-content{width:min(100%,100% - 1rem);padding-top:1rem}.table-header-row,.parent-card-header,.subtask-checklist-item{flex-wrap:wrap;gap:.8rem}.card-col-date,.card-col-title,.card-col-assignee,.card-col-status,.card-col-actions{justify-content:flex-start;width:100%;padding:0}.hover-actions-group{opacity:1}.transporter-layout{grid-template-columns:1fr}}@media (width<=720px){.page-header,.compact-toolbar,.panel-header{flex-direction:column;align-items:stretch}.summary-grid{grid-template-columns:1fr}.data-table{display:block;overflow-x:auto}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown-item.special-action:hover{background:var(--accent-soft)}.mockup-btn-create{color:#fff8f0;background:linear-gradient(135deg,#c96c50,#b4573a);border:none;border-radius:16px;width:100%;padding:.7rem 1rem;font-weight:800;box-shadow:0 10px 20px #b4573a33}.assignee-panel-grid{grid-template-columns:2.2fr 1fr;align-items:start;gap:1.5rem;margin-top:1rem;display:grid}@media (width<=1180px){:root{--sticky-header-top:var(--sticky-header-top-mobile)}.navbar-header{grid-template-columns:1fr}.nav-links-row,.nav-actions-row{justify-content:center}.dashboard-panel-grid{grid-template-columns:1fr}}@media (width<=960px){.assignee-panel-grid{grid-template-columns:1fr}.main-content{width:min(100%,100% - 1rem);padding-top:1rem}.table-header-row,.parent-card-header,.subtask-checklist-item{flex-wrap:wrap;gap:.8rem}.card-col-date,.card-col-title,.card-col-assignee,.card-col-status,.card-col-actions{justify-content:flex-start;width:100%;padding:0}.hover-actions-group{opacity:1}.transporter-layout{grid-template-columns:1fr}}@media (width<=720px){.page-header,.compact-toolbar,.panel-header{flex-direction:column;align-items:stretch}.summary-grid{grid-template-columns:1fr}.data-table{display:block;overflow-x:auto}}.custom-dropdown-container{-webkit-user-select:none;user-select:none;display:block}.custom-dropdown-container.open{z-index:30}.custom-dropdown-trigger{border:1px solid var(--line);width:100%;color:var(--text);font-weight:800;font-size:inherit;transition:border-color var(--transition), box-shadow var(--transition), background-color var(--transition);background:#fffdf9f2;border-radius:14px;outline:none;padding:.55rem .85rem;font-family:inherit}.custom-dropdown-trigger:focus,.custom-dropdown-trigger:hover{border-color:#c96c5059;box-shadow:0 0 0 4px #c96c5014}.card-col-assignee .custom-dropdown-trigger{background:linear-gradient(#fffdf9,#f8efe3);border:1px solid #654e3724;border-radius:999px;font-size:.78rem;padding:.5rem .75rem!important}.custom-dropdown-menu{z-index:9999;background:#fffdf9;border:1px solid #654e371f;border-radius:14px;width:100%;max-height:220px;margin:0;padding:.4rem;list-style:none;animation:.14s cubic-bezier(.16,1,.3,1) dropdownFadeIn;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 10px 30px #35281c26}.custom-dropdown-item{color:var(--text);cursor:pointer;transition:background-color var(--transition), color var(--transition);border-radius:8px;padding:.6rem .8rem;font-size:.85rem}.custom-dropdown-item:hover{background:var(--accent-soft);color:var(--accent-strong)}.custom-dropdown-item.selected{background:var(--accent);font-weight:800;color:#fff!important}.custom-dropdown-item.special-action{border-top:1px dashed var(--line);color:var(--accent);margin-top:.3rem;font-size:.76rem;font-weight:800}.custom-dropdown-item.special-action:hover{background:var(--accent-soft);color:var(--accent-strong)}.login-page-container{background-color:#f4f6f5;background-image:radial-gradient(at 0 0,#10b9811f 0,#0000 50%),radial-gradient(at 100% 0,#14b8a61f 0,#0000 50%),radial-gradient(at 100% 100%,#0d948814 0,#0000 50%),radial-gradient(at 0 100%,#34d3991f 0,#0000 50%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.login-backdrop-decor{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.decor-circle{filter:blur(120px);opacity:.65;pointer-events:none;border-radius:50%;position:absolute}.circle-1{background:#d1fae5;width:480px;height:480px;animation:20s ease-in-out infinite alternate floatOrb;top:-80px;right:-80px}.circle-2{background:#ccfbf1;width:520px;height:520px;animation:25s ease-in-out infinite alternate-reverse floatOrb;bottom:-100px;left:-100px}@keyframes floatOrb{0%{transform:translateY(0)scale(1)rotate(0)}to{transform:translateY(30px)scale(1.05)rotate(10deg)}}.login-card-glass{z-index:2;-webkit-backdrop-filter:blur(24px);color:#1e293b;background:#ffffffb8;border:1px solid #ffffff73;border-radius:28px;width:100%;max-width:430px;padding:3rem 2.5rem;animation:.6s cubic-bezier(.16,1,.3,1) both cardEntrance;position:relative;box-shadow:0 4px 30px #00000005,0 20px 40px #10b9810f,inset 0 1px 1px #fffc}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.login-brand{text-align:center;flex-direction:column;align-items:center;margin-bottom:2.2rem;display:flex}.login-brand h2{letter-spacing:-.04em;color:#0f172a;margin-bottom:.35rem;font-size:1.7rem;font-weight:800}.brand-logo-glow.ghl-brand-mark{color:#fff;letter-spacing:-.05em;background:linear-gradient(135deg,#10b981 0%,#0d9488 100%);border-radius:18px;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;margin-bottom:1.25rem;font-size:1.75rem;font-weight:900;line-height:1;transition:transform .3s;display:inline-flex;transform:rotate(-3deg);box-shadow:0 10px 20px #10b98133,0 2px 4px #0000000d}.brand-logo-glow.ghl-brand-mark:hover{transform:rotate(0)scale(1.05)}.login-brand p{color:#64748b;font-size:.95rem;font-weight:500}.login-error-alert{background:#fef2f2;border:1px solid #fee2e2;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem;display:flex}.animate-shake{animation:.4s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}.login-error-alert .error-icon{color:#ef4444;flex-shrink:0;font-size:1rem;font-weight:700}.login-error-alert .error-message{color:#991b1b;font-size:.85rem;font-weight:500;line-height:1.4}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-form-group{flex-direction:column;gap:.6rem;display:flex}.login-form-group label{letter-spacing:.05em;text-transform:uppercase;color:#475569;font-size:.75rem;font-weight:700}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .input-icon{color:#94a3b8;pointer-events:none;align-items:center;font-size:1.1rem;transition:color .18s;display:flex;position:absolute;left:1rem}.input-with-icon input{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:.8rem 1rem .8rem 2.6rem;font-size:.95rem;font-weight:500;transition:all .18s;box-shadow:0 1px 2px #00000005}.input-with-action input{padding-right:2.9rem}.input-with-icon input::placeholder{color:#94a3b8;font-weight:400}.input-with-icon input:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 4px #10b9811f,0 1px 2px #0000000d}.input-with-icon:focus-within .input-icon{color:#10b981}.login-submit-btn{color:#fff;cursor:pointer;letter-spacing:.01em;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;justify-content:center;align-items:center;margin-top:.75rem;padding:.9rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .18s;display:flex;box-shadow:0 8px 20px #10b98133}.login-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1.5px);box-shadow:0 10px 24px #10b9814d}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1.2rem;height:1.2rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{text-align:center;margin-top:1.8rem}.navbar-header{z-index:50;background:linear-gradient(90deg,#0f172a 0%,#1e293b 100%);border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:0;width:100%;height:72px;padding:0 20px;display:flex;position:sticky;top:0;box-shadow:0 1px #ffffff0a,0 4px 24px #00000059}.nb-brand{flex-shrink:0;align-items:center;gap:10px;margin-right:24px;display:flex}.nb-logo{flex-shrink:0;justify-content:center;align-items:center;display:flex}.nb-logo-ghl,.brand-logo-glow.ghl-brand-mark{color:#fff;letter-spacing:-.08em;background:#ef2323;font-family:Manrope,sans-serif;font-weight:900;box-shadow:0 14px 28px #ef232347}.nb-logo-ghl{border-radius:14px;width:52px;height:52px;font-size:1.35rem;line-height:1}.nb-brand-name{color:#f8fafc;letter-spacing:-.03em;white-space:nowrap;font-size:1.28rem;font-weight:800}.nb-brand-chip{color:#fff;letter-spacing:-.08em;background:#ef2323;border:1px solid #ffffff24;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:2.8rem;height:2.8rem;font-size:.98rem;font-weight:900;line-height:1;display:inline-flex;box-shadow:0 10px 20px #ef23233d}.nb-nav{scrollbar-width:none;flex:1;justify-content:space-evenly;align-items:center;gap:0;padding:0 8px;display:flex;overflow-x:auto}.nb-nav::-webkit-scrollbar{display:none}.nb-tab{color:#fff9;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:8px;max-width:160px;padding:11px 22px;font-family:inherit;font-size:15px;font-weight:500;transition:background .15s,color .15s;display:flex;position:relative}.nb-tab:hover{color:#fffffff2;background:0 0}.nb-tab:hover:before{content:"";background:#ffffff14;border-radius:9px;position:absolute;inset:0 16px}.nb-tab--active{color:#fff;background:0 0;font-weight:600}.nb-tab--active:before{content:"";background:#ffffff1f;border-radius:9px;position:absolute;inset:0 16px}.nb-tab--active:after{content:"";background:linear-gradient(90deg,#a5b4fc,#818cf8);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:20px;right:20px}.nb-tab-icon{opacity:.8;flex-shrink:0;align-items:center;display:flex}.nb-tab--active .nb-tab-icon{opacity:1}.nb-tab-icon,.nb-tab-label{z-index:1;z-index:1;position:relative}.nb-tab-label{flex-shrink:0}.nb-badge{color:#fff;background:linear-gradient(135deg,#f97316,#dc2626);border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:800;display:inline-flex;box-shadow:0 2px 6px #f9731666}.nb-actions{border-left:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:10px;margin-left:16px;padding-left:16px;display:flex}.nb-cta{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;font-family:inherit;font-size:13.5px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 3px 10px #00000026}.nb-cta:hover{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);transform:translateY(-1px);box-shadow:0 3px 10px #dc262673}.nb-cta:active{transform:scale(.98)}.nb-user{cursor:default;align-items:center;gap:9px;display:flex}.nb-avatar{color:#fff;background:linear-gradient(135deg,#f87171,#dc2626);border:2px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:flex;box-shadow:0 2px 8px #dc262666}.nb-user-info{flex-direction:column;line-height:1.2;display:flex}.nb-user-name{color:#fffffff2;white-space:nowrap;font-size:12.5px;font-weight:600}.nb-user-role{color:#ffffff73;text-transform:capitalize;white-space:nowrap;font-size:10.5px}.nb-logout{color:#fffaf4;cursor:pointer;background:linear-gradient(135deg,#d97a57,#bf5e3d);border:1px solid #d67d5c8c;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .15s,box-shadow .15s,filter .15s;display:flex;box-shadow:0 10px 22px #7a321c47}.nb-logout:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 14px 24px #7a321c57}.login-footer p{color:#fff8f059;font-size:.72rem}.nav-logout-btn{color:#fff8f0bf;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;width:44px;min-width:44px;height:44px;margin-left:.5rem;padding:0}.nav-logout-btn:hover{color:#ffcfc2;background:#c96c501f;border-color:#c96c5040}.navbar-user-badge{color:#213547e6;text-transform:uppercase;letter-spacing:.05em;background:#ffffff1f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;padding:.2rem .65rem;font-size:.72rem;font-weight:800;display:inline-flex}.date-picker{position:relative}.date-picker-trigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.date-picker-trigger svg{color:var(--muted);flex-shrink:0}.date-picker-panel{z-index:60;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffcf6fa;border-radius:20px;width:min(320px,100vw - 3rem);padding:1rem;position:absolute;top:calc(100% + .55rem);left:0;box-shadow:0 18px 40px #35281c29}.date-picker-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.9rem;display:flex}.date-picker-title{color:var(--text);font-size:.95rem;font-weight:800}.date-picker-title-group{align-items:center;gap:.45rem;display:flex}.date-picker-title-btn{color:var(--text);background:0 0;border:none;border-radius:10px;padding:.25rem .45rem;font-size:.95rem;font-weight:800}.date-picker-title-btn:hover,.date-picker-title-btn.active{color:var(--accent-strong);background:#c96c501a}.date-picker-nav{border:1px solid var(--line);background:var(--surface-strong);width:32px;height:32px;color:var(--text);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.date-picker-nav:disabled{opacity:.35;cursor:default}.date-picker-weekdays,.date-picker-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.date-picker-weekdays{gap:.25rem;margin-bottom:.4rem}.date-picker-weekdays span{text-align:center;color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:800}.date-picker-grid{gap:.25rem}.date-picker-choice-grid{gap:.45rem;display:grid}.date-picker-month-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.date-picker-year-picker{flex-direction:column;gap:.55rem;display:flex}.date-picker-year-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.date-picker-page-btn{height:36px;color:var(--muted);background:#fffdf9e6;border:1px dashed #654e3738;border-radius:12px;font-weight:800}.date-picker-page-btn:hover{color:var(--accent-strong);background:#c96c5014;border-color:#c96c5047}.date-picker-choice-btn{border:1px solid var(--line);background:var(--surface-strong);height:40px;color:var(--text);border-radius:12px;font-weight:700}.date-picker-choice-btn:hover,.date-picker-choice-btn.active{color:var(--accent-strong);background:#c96c501f;border-color:#c96c5038}.date-picker-day{height:36px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:12px;font-weight:700}.date-picker-day:hover:not(:disabled){background:#c96c501a;border-color:#c96c502e}.date-picker-day.today{color:var(--teal);border-color:#2f7f7359}.date-picker-day.selected{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;box-shadow:0 10px 20px #b4573a38}.date-picker-day:disabled{opacity:.3;cursor:not-allowed}.date-picker-day-empty{pointer-events:none;visibility:hidden}.date-picker-footer{justify-content:flex-end;margin-top:.85rem;display:flex}.date-picker-footer-btn{color:var(--accent-strong);background:0 0;border:none;padding:.3rem .4rem;font-weight:800}.password-toggle-btn{color:#94a3b8;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;width:1.9rem;height:1.9rem;transition:all .15s;display:inline-flex;position:absolute;right:.85rem}.password-toggle-btn:hover:not(:disabled){color:#10b981;background:#10b98114}.password-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.toast-viewport{z-index:9000;pointer-events:none;flex-direction:column;gap:.7rem;width:min(360px,100vw - 2.5rem);display:flex;position:fixed;top:1.25rem;right:1.25rem}@keyframes toast-in{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}.toast-card{pointer-events:auto;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffcf8f7;border:1px solid #654e371f;border-radius:20px;align-items:flex-start;gap:.85rem;padding:1rem 1.1rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) both toast-in;display:flex;box-shadow:0 20px 40px #21354729,0 4px 12px #2135470f}.toast-card.success{background:linear-gradient(135deg,#fffcf8f7 0%,#ebfcf6f7 100%);border-color:#23967f47}.toast-card.warning{background:linear-gradient(135deg,#fffcf8f7 0%,#fff3ecf7 100%);border-color:#c96c5047}.toast-icon{color:#1a8a71;background:#23967f24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.toast-icon svg{width:1rem;height:1rem;display:block}.toast-card.warning .toast-icon{color:#b4573a;background:#c96c5024}.toast-body{min-width:0}.toast-title{color:var(--text);letter-spacing:-.01em;margin-bottom:.15rem;font-size:.85rem;font-weight:800}.toast-message{color:var(--muted);font-size:.8rem;line-height:1.5}@keyframes confirm-in{0%{opacity:0;transform:scale(.88)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.confirm-overlay{z-index:8000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14212d8c;justify-content:center;align-items:center;padding:1rem;animation:.2s both overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:var(--surface-strong);border:1px solid var(--line);text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:.6rem;width:min(420px,100%);padding:2.2rem 2rem 1.8rem;animation:.28s cubic-bezier(.175,.885,.32,1.275) both confirm-in;display:flex;box-shadow:0 32px 64px #14212d38,0 8px 24px #14212d1a}.confirm-icon-wrap{background:var(--blue-soft);width:3.5rem;height:3.5rem;color:var(--blue);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.4rem;display:flex}.confirm-icon-wrap[data-danger=true]{color:var(--accent-strong);background:#b4573a1f}.confirm-icon-wrap svg{width:1.5rem;height:1.5rem}.confirm-title{color:var(--text);letter-spacing:-.025em;font-size:1.15rem;font-weight:800}.confirm-message{color:var(--muted);max-width:30ch;margin:.2rem auto .8rem;font-size:.88rem;line-height:1.6}.confirm-actions{gap:.75rem;width:100%;margin-top:.4rem;display:flex}.confirm-btn{cursor:pointer;letter-spacing:.01em;border:none;border-radius:14px;flex:1;padding:.8rem 1.4rem;font-size:.88rem;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s}.confirm-btn:hover{transform:translateY(-1px)}.confirm-btn:active{transform:scale(.98)}.confirm-btn-cancel{color:var(--text);border:1px solid var(--line);background:#21354712}.confirm-btn-cancel:hover{background:#2135471f}.confirm-btn-primary{color:#fff;background:linear-gradient(135deg,#476c9b,#334f79);box-shadow:0 10px 22px #334f7947}.confirm-btn-primary:hover{box-shadow:0 14px 28px #334f7961}.confirm-btn-danger{color:#fff8f0;background:linear-gradient(135deg,#c96c50,#b4573a);box-shadow:0 10px 22px #b4573a47}.confirm-btn-danger:hover{box-shadow:0 14px 28px #b4573a61}