*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #32CE13;--primary-h: #28b010;--dark: #092903;--accent-purple: #8139EE;--accent-blue: #1679FA;--accent-orange: #FF7F00;--accent-lime: #D2F612;--success: #32CE13;--warning: #FF7F00;--danger: #ef4444;--info: #1679FA;--bg: #F7F9ED;--bg-alt: #E8FAF8;--bg-soft: #E1F6CB;--surface: #ffffff;--sidebar-bg: #092903;--sidebar-txt: #a8e8a0;--sidebar-act: #32CE13;--txt: #092903;--txt-muted: #607060;--border: #cce8c0;--radius: 10px;--shadow: 0 1px 3px rgba(9,41,3,.08), 0 1px 2px rgba(9,41,3,.05);--shadow-lg: 0 10px 25px rgba(9,41,3,.18);--font-main: "Fira Sans", system-ui, sans-serif;--font-sub: "Rubik", system-ui, sans-serif}html,body{height:100%;overflow:hidden}body{font-family:var(--font-main);background:var(--bg);color:var(--txt)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sub)}#app{height:100vh;width:100%;overflow:hidden;display:flex}#sidebar{width:240px;min-height:100vh;background:var(--sidebar-bg);display:flex;flex-direction:column;flex-shrink:0;position:fixed;top:0;left:0;z-index:100}.sidebar-header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.2rem 1rem .9rem;border-bottom:1px solid rgba(255,255,255,.07)}.sidebar-logo-img{width:160px;height:auto;display:block}.sidebar-tagline{font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-top:.45rem;font-family:var(--font-sub);background:linear-gradient(90deg,#32ce1366,#32ce13,#8139ee,#32ce13,#32ce1366);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}#sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}#sidebar-nav .nav-section-label{font-size:.7rem;font-weight:700;font-family:var(--font-sub);text-transform:uppercase;letter-spacing:.1em;color:#a8e8a059;padding:.6rem 1.2rem .3rem}#sidebar-nav .nav-item{display:flex;align-items:center;gap:.7rem;padding:.65rem 1.2rem;color:var(--sidebar-txt);font-size:.9rem;font-family:var(--font-main);cursor:pointer;transition:background .15s,color .15s;border:none;background:none;width:100%;text-align:left;text-decoration:none}#sidebar-nav .nav-item:hover{background:#32ce131a;color:#d4f5ca}#sidebar-nav .nav-item.active{background:var(--sidebar-act);color:#092903;font-weight:700}#sidebar-nav .nav-item .nav-icon{font-size:1rem;width:20px;text-align:center}.nav-group-header{display:flex;align-items:center;gap:.7rem;padding:.65rem 1.2rem;color:var(--sidebar-txt);font-size:.9rem;font-family:var(--font-main);cursor:pointer;transition:background .15s,color .15s;border:none;background:none;width:100%;text-align:left}.nav-group-header:hover{background:#32ce131a;color:#d4f5ca}.nav-group-header .nav-icon{font-size:1rem;width:20px;text-align:center}.nav-group-arrow{margin-left:auto;font-size:.6rem;transition:transform .2s;opacity:.6}.nav-group-body{display:none}.nav-group-body.expanded{display:block}.nav-sub-item{padding-left:2.2rem!important;font-size:.85rem!important}.sidebar-footer{padding:1rem 1.2rem;border-top:1px solid rgba(255,255,255,.07)}.sidebar-user-row{display:flex;align-items:center;margin-bottom:.8rem;position:relative}#user-badge{display:flex;align-items:center;gap:.6rem;flex:1;transition:background .15s;border-radius:8px;padding:.3rem .4rem;margin:0 -.4rem .4rem;cursor:pointer}#user-badge:hover{background:#ffffff12}.user-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;font-family:var(--font-sub);color:#fff;flex-shrink:0}.user-info{overflow:hidden}.user-name{color:#d4f5ca;font-size:.88rem;font-weight:600;font-family:var(--font-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.74rem;color:#a8e8a099;text-transform:capitalize}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.45rem 1rem;margin-bottom:.5rem;border-radius:var(--radius);border:1px solid rgba(168,232,160,.2);background:transparent;color:#a8e8a099;font-size:.78rem;font-weight:600;font-family:var(--font-sub);cursor:pointer;transition:background .15s,color .15s}.theme-toggle-btn:hover{background:#32ce131a;color:#a8e8a0}#main-content{margin-left:240px;padding:2rem;height:100vh;overflow-y:auto;flex:1;box-sizing:border-box}main:not(#main-content){flex:1;width:100%;height:100vh;overflow-y:auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.8rem}.page-header h2{font-size:1.5rem;font-weight:700;color:var(--txt);font-family:var(--font-sub)}.page-header p{color:var(--txt-muted);font-size:.9rem;margin-top:.2rem}.announcement-banner{margin-bottom:1.4rem;display:flex;flex-direction:column;gap:.65rem}.announcement-item{display:flex;align-items:flex-start;gap:1rem;background:linear-gradient(135deg,#92400e,#b45309 40%,#d97706);border-radius:12px;padding:1rem 1.1rem 1rem 1.2rem;box-shadow:0 4px 16px #b4530940;animation:modalIn .2s ease;position:relative;overflow:hidden}.announcement-body{flex:1;position:relative;z-index:1}.announcement-title{font-weight:700;font-size:.95rem;color:#fff;margin-bottom:.35rem}.announcement-message{font-size:.88rem;color:#ffffffe6;line-height:1.5}.announcement-meta{font-size:.75rem;color:#fff9;margin-top:.45rem}.announcement-dismiss{background:#ffffff26;border:none;color:#fffc;width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s;position:relative;z-index:1;margin-top:.1rem}.announcement-dismiss:hover{background:#ffffff4d;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,240px));gap:1rem;margin-bottom:2rem;justify-content:center}.stat-card{background:var(--surface);border-radius:var(--radius);padding:1.2rem;box-shadow:var(--shadow);display:flex;align-items:center;gap:1rem;border-bottom:3px solid var(--border)}.stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.stat-label{font-size:.78rem;color:var(--txt-muted);font-weight:500}.stat-value{font-size:1.6rem;font-weight:700;font-family:var(--font-sub);color:var(--txt);line-height:1.1}.stat-card--vivid{position:relative;overflow:hidden;border-bottom:none;padding:1.4rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;transition:transform .18s ease,box-shadow .18s ease;cursor:default}.stat-card--vivid:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000038}.stat-card--vivid:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:#ffffff17;top:-30px;right:-30px;pointer-events:none}.stat-card--vivid:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:#ffffff12;bottom:-15px;right:30px;pointer-events:none}.stat-vivid-icon{width:48px;height:48px;border-radius:50%;background:#ffffff2e;display:flex;align-items:center;justify-content:center;font-size:1.45rem;margin:0 auto .85rem;flex-shrink:0}.stat-vivid-label{font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#ffffffbf;margin-bottom:.3rem}.stat-vivid-value{font-size:2rem;font-weight:800;font-family:var(--font-sub);color:#fff;line-height:1}.stat-vivid-sub{font-size:.7rem;color:#ffffff8c;margin-top:.35rem}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-header{padding:1rem 1.3rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg-soft)}.card-header h3{font-size:1rem;font-weight:700;font-family:var(--font-sub);color:var(--txt)}.card-body{padding:1.3rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.75rem}thead th{text-align:left;padding:.55rem .8rem;font-size:.7rem;font-weight:700;font-family:var(--font-sub);text-transform:uppercase;letter-spacing:.05em;color:var(--txt-muted);background:var(--bg-soft);border-bottom:1px solid var(--border)}tbody tr{border-bottom:1px solid var(--border);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--bg-alt)}tbody td{padding:.55rem .8rem;vertical-align:middle}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;font-family:var(--font-sub)}.badge-active,.badge-in-progress,.badge-ongoing{background:#d4f5ca;color:#092903}.badge-planning{background:#ede3ff;color:#5a1fb5}.badge-on-hold{background:#ffe8cc;color:#b85c00}.badge-on-hold-sales{background:#ede3ff;color:#5a1fb5}.badge-churn{background:#fee2e2;color:#991b1b}.badge-completed{background:var(--bg-alt);color:#0a5c55}.badge-admin{background:#fdfacc;color:#5c5500}.badge-user{background:#d9ecff;color:#0a4fb5}.badge-super_admin{background:#fdfacc;color:#5c5500}.badge-lead{background:#ede3ff;color:#5a1fb5}.badge-project_manager{background:#d9ecff;color:#0a4fb5}.badge-implementer{background:#d4f5ca;color:#092903}.badge-type-client{background:#dbeafe;color:#1e40af;font-weight:600}.badge-type-internal{background:#f3f4f6;color:#374151;font-weight:600}.badge-custom-role{background:#f0f9ff;color:#0369a1}.perm-badge{display:inline-flex;align-items:center;justify-content:center;width:38px;height:22px;border-radius:11px;font-size:.78rem;font-weight:700;cursor:pointer;transition:transform .12s,opacity .12s;-webkit-user-select:none;user-select:none}.perm-badge--on{background:#dcfce7;color:#16a34a;border:1.5px solid #86efac}.perm-badge--off{background:var(--bg-soft);color:var(--txt-muted);border:1.5px solid var(--border)}.perm-badge:hover{transform:scale(1.1);opacity:.85}.risk-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.68rem;font-weight:700;font-family:var(--font-sub);padding:.15rem .5rem;border-radius:20px;white-space:nowrap}.risk-badge.critical{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.risk-badge.at-risk{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.risk-badge.on-track{background:#dcfce7;color:#166534;border:1px solid #86efac}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:600;font-family:var(--font-sub);cursor:pointer;border:1.5px solid transparent;transition:background .15s,border-color .15s,color .15s;text-decoration:none}.btn-primary{background:var(--primary);color:#092903;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-h);border-color:var(--primary-h)}.btn-success{background:var(--success);color:#092903;border-color:var(--success)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-outline{background:transparent;color:var(--sidebar-txt);border-color:#a8e8a04d}.btn-outline:hover{background:#32ce131a}.btn-ghost{background:transparent;color:var(--txt-muted);border-color:var(--border)}.btn-ghost:hover{background:var(--bg-soft);color:var(--txt)}.btn-sm{padding:.3rem .7rem;font-size:.8rem}.btn-full{width:100%;justify-content:center}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#09290380;z-index:200;display:flex;align-items:center;justify-content:center}.modal{background:var(--surface);border-radius:14px;padding:2rem;width:90%;max-width:480px;box-shadow:var(--shadow-lg);animation:modalIn .2s ease}@keyframes modalIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal h3{font-size:1.1rem;font-weight:700;font-family:var(--font-sub);margin-bottom:1.4rem;color:var(--txt)}.modal .form-group input,.modal .form-group select,.modal .form-group textarea{width:100%;padding:.6rem .85rem;border:1.5px solid var(--border);border-radius:var(--radius);font-size:.9rem;font-family:var(--font-main);outline:none;background:var(--bg);color:var(--txt)}.modal .form-group input:focus,.modal .form-group select:focus,.modal .form-group textarea:focus{border-color:var(--primary);background:#fff}.modal .form-group textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;gap:.7rem;justify-content:flex-end;margin-top:1.4rem}.modal-lg{max-width:720px}.modal-xl{max-width:960px}.form-group{margin-bottom:1.2rem}.form-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.4rem;color:var(--txt);font-family:var(--font-sub)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.65rem .9rem;border:1.5px solid var(--border);border-radius:var(--radius);font-size:.95rem;font-family:var(--font-main);transition:border-color .2s;outline:none;background:var(--bg);color:var(--txt)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);background:#fff}.form-group textarea{resize:vertical;min-height:80px}.progress-bar-wrap{background:var(--bg-soft);border-radius:999px;height:7px;overflow:hidden}.progress-bar{height:100%;border-radius:999px;background:var(--primary);transition:width .4s}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem}.project-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.3rem;display:flex;flex-direction:column;gap:.8rem;border-top:4px solid var(--primary)}.project-card.status-planning{border-top-color:var(--accent-purple)}.project-card.status-in-progress,.project-card.status-ongoing{border-top-color:var(--primary)}.project-card.status-completed{border-top-color:var(--accent-blue)}.project-card.status-on-hold{border-top-color:var(--accent-orange)}.project-card.status-on-hold-sales{border-top-color:var(--accent-purple)}.project-card.status-churn{border-top-color:var(--danger)}.project-card-title{font-weight:700;font-size:1rem;font-family:var(--font-sub);color:var(--txt)}.project-card-desc{font-size:.83rem;color:var(--txt-muted);line-height:1.5}.project-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--txt-muted)}.project-card-actions{display:flex;gap:.5rem;margin-top:.3rem;flex-wrap:wrap}.kanban-board{display:flex;gap:1rem;overflow-x:auto;align-items:stretch;padding-bottom:1.5rem;min-height:300px}.kanban-col{flex:0 0 220px;display:flex;flex-direction:column;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;background:var(--surface)}.kanban-col-header{padding:.6rem .85rem;background:#092903;color:#fff;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;display:flex;justify-content:space-between;align-items:center;gap:.4rem;line-height:1.3;min-height:52px}.kanban-col-header.kanban-col-complete{background:var(--accent-blue)}.kanban-col-count{background:#ffffff40;border-radius:20px;padding:.1rem .45rem;font-size:.7rem}.kanban-col-body{padding:.5rem;display:flex;flex-direction:column;gap:.5rem;min-height:100px;flex:1}.kanban-col-body.drag-over{background:#e8fce0;outline:2px dashed var(--primary);outline-offset:-4px}.kanban-empty{font-size:.75rem;color:var(--txt-muted);text-align:center;padding:.8rem .4rem}.kanban-card{background:var(--bg);border-radius:8px;padding:.6rem .7rem;cursor:grab;box-shadow:0 1px 3px #09290317;border-left:3px solid var(--primary);display:flex;flex-direction:column;gap:.3rem;-webkit-user-select:none;user-select:none;transition:box-shadow .15s}.kanban-card:hover{box-shadow:0 3px 10px #09290321}.kanban-card.status-planning{border-left-color:var(--accent-purple)}.kanban-card.status-in-progress,.kanban-card.status-ongoing{border-left-color:var(--primary)}.kanban-card.status-completed{border-left-color:var(--accent-blue)}.kanban-card.status-on-hold{border-left-color:var(--accent-orange)}.kanban-card.status-on-hold-sales{border-left-color:var(--accent-purple)}.kanban-card.status-churn{border-left-color:var(--danger)}.kanban-card-title{font-weight:700;font-size:.85rem;color:var(--txt);font-family:var(--font-sub);line-height:1.3}.kanban-card-meta{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center}.kanban-card-due{font-size:.75rem;color:var(--txt-muted)}.kanban-card-due.overdue{color:var(--danger);font-weight:600}.tools-hub-section{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;margin-top:1.5rem}.tools-hub-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.4rem}.tools-hub-header h3{font-size:1.1rem;font-weight:700;color:var(--txt);font-family:var(--font-sub)}.tools-hub-header p{font-size:.85rem;color:var(--txt-muted);margin-top:.2rem}.tools-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.2rem}.tool-tile{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1.5rem 1rem 1.2rem;border-radius:var(--radius);background:var(--bg);border:1.5px solid var(--border);border-top:4px solid var(--tool-color, #ccc);cursor:pointer;position:relative;transition:transform .18s ease,box-shadow .18s ease;text-align:center}.tool-tile-set:hover{transform:scale(1.04) translateY(-4px);box-shadow:0 10px 28px #0000001f}.tool-tile-logo{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-tile-logo-fallback{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem}.tool-tile-name{font-size:.82rem;font-weight:700;color:var(--txt);line-height:1.3}.tool-tile-open-btn{display:inline-flex;align-items:center;gap:.2rem;padding:.28rem .85rem;border-radius:20px;font-size:.7rem;font-weight:700;cursor:pointer;transition:opacity .15s;text-decoration:none}.tool-tile-open-btn:hover{opacity:.8}.tool-tile-no-url{display:inline-flex;align-items:center;gap:.2rem;font-size:.72rem;color:var(--txt-muted);border:1.5px dashed var(--border);padding:.26rem .75rem;border-radius:20px;font-weight:600}.tool-tile-edit-btn{position:absolute!important;top:.4rem!important;right:.4rem!important;padding:.1rem .3rem!important;font-size:.68rem!important;opacity:0;transition:opacity .15s}.tool-tile:hover .tool-tile-edit-btn{opacity:1}.bulk-bar{display:none;align-items:center;gap:.75rem;flex-wrap:wrap;background:#092903;color:#fff;padding:.6rem 1rem;border-radius:var(--radius);margin-bottom:.8rem;font-size:.88rem}.bulk-bar.visible{display:flex}.bulk-count{font-weight:700;margin-right:.25rem}.export-wrap{position:relative}.export-menu{display:none;position:absolute;right:0;top:calc(100% + .3rem);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:150px;z-index:200;overflow:hidden}.export-menu.open{display:block}.export-menu button{display:flex;align-items:center;gap:.6rem;width:100%;padding:.65rem 1rem;background:none;border:none;font-size:.85rem;color:var(--txt);cursor:pointer;text-align:left}.export-menu button:hover{background:var(--bg-soft)}.permissions-table{width:100%;border-collapse:collapse;table-layout:fixed}.permissions-table thead tr{position:sticky;top:0;z-index:10;background:var(--bg);box-shadow:0 2px 4px #0000000f}.permissions-table th{padding:.65rem .75rem;text-align:center;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--txt-muted);border-bottom:2px solid var(--border);font-family:var(--font-sub)}.permissions-table th:first-child{text-align:left;width:40%;padding-left:1.1rem}.permissions-table .perm-label{padding:.45rem 1.1rem;font-size:.84rem;border-bottom:1px solid var(--border)}.permissions-table .perm-cell{text-align:center;border-bottom:1px solid var(--border);padding:.35rem .5rem}.permissions-table tr.perm-row:hover{background:var(--bg-soft)}.settings-section{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1.2rem}.settings-section-title{font-size:.95rem;font-weight:700;font-family:var(--font-sub);color:var(--txt);margin-bottom:.3rem}.settings-section-desc{font-size:.83rem;color:var(--txt-muted);margin-bottom:1.2rem;line-height:1.5}.settings-section--announcements{border-left:4px solid #4f46e5}.settings-section--announcements .settings-section-title{color:#4f46e5}.settings-section--timeline-tpl{border-left:4px solid #10b981}.settings-section--timeline-tpl .settings-section-title{color:#059669}.settings-section--integrations{border-left:4px solid #06b6d4}.settings-section--integrations .settings-section-title{color:#0891b2}.settings-section--onboarding{border-left:4px solid #16a34a}.settings-section--onboarding .settings-section-title{color:#15803d}.settings-section--timer{border-left:4px solid #f59e0b}.settings-section--timer .settings-section-title{color:#d97706}.settings-section--kanban{border-left:4px solid #8b5cf6}.settings-section--kanban .settings-section-title{color:#7c3aed}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);margin-bottom:.6rem}.settings-row:last-child{margin-bottom:0}.settings-row-info{flex:1;min-width:0;padding-right:1.5rem}.settings-row-label{font-size:.88rem;font-weight:600;color:var(--txt);font-family:var(--font-sub)}.settings-row-sub{font-size:.78rem;color:var(--txt-muted);margin-top:.15rem;line-height:1.4}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.toggle-switch input{display:none}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:24px;cursor:pointer;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.integration-card{border:1px solid var(--border);border-radius:8px;padding:1rem 1.1rem;margin-bottom:.85rem;background:var(--bg)}.briefing-card{background:linear-gradient(135deg,#0d3d05,#1a6b0a 60%,#2a9a10);border-radius:var(--radius);padding:1rem 1.3rem;margin-bottom:1.5rem;display:flex;gap:.9rem;align-items:flex-start;position:relative;overflow:hidden}.briefing-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,rgba(50,206,19,.06) 0,rgba(50,206,19,.06) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(0deg,rgba(50,206,19,.06) 0,rgba(50,206,19,.06) 1px,transparent 1px,transparent 40px);pointer-events:none}.briefing-logo{width:40px;height:40px;object-fit:contain;flex-shrink:0;filter:brightness(0) invert(1);position:relative;z-index:1;animation:sidekickFloat 2.4s ease-in-out infinite}@keyframes sidekickFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.briefing-body{flex:1;position:relative;z-index:1;min-width:0}.briefing-label{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:#d2f612cc;font-weight:700;font-family:var(--font-sub);margin-bottom:.25rem}.briefing-text{font-size:.875rem;color:#ffffffeb;line-height:1.6}.briefing-toggle-btn{position:absolute;top:.6rem;right:.8rem;background:#ffffff1f;border:none;border-radius:5px;color:#ffffffbf;font-size:.72rem;cursor:pointer;padding:.2rem .5rem;font-family:var(--font-sub);font-weight:600;transition:background .15s;z-index:2}.briefing-toggle-btn:hover{background:#ffffff38;color:#fff}@keyframes sidekickPulse{0%{box-shadow:0 0 #8139ee8c}70%{box-shadow:0 0 0 8px #8139ee00}to{box-shadow:0 0 #8139ee00}}.sidekick-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.38rem .85rem;border:1.5px solid #8139EE;border-radius:20px;background:linear-gradient(135deg,#f4eeff,#fff);color:#8139ee;font-size:.82rem;font-weight:700;font-family:var(--font-sub);cursor:pointer;animation:sidekickPulse 2s ease-in-out infinite;transition:background .2s;white-space:nowrap}.sidekick-btn:hover{background:linear-gradient(135deg,#ede3ff,#f4eeff)}.sidekick-btn img{width:20px;height:20px;object-fit:contain;animation:sidekickFloat 2.4s ease-in-out infinite}.notif-bell-btn{background:#ef4444;border:2px solid #092903;border-radius:50%;color:#fff;font-size:.7rem;cursor:pointer;width:20px;height:20px;line-height:1;position:relative;display:flex;align-items:center;justify-content:center;padding:0;animation:bellPulse 1.8s ease-in-out infinite}.notif-bell-btn.no-alerts{background:#32ce1333;border-color:#32ce134d;animation:none}@keyframes bellPulse{0%,to{box-shadow:0 0 #ef4444b3}50%{box-shadow:0 0 0 6px #ef444400}}.notif-panel{position:fixed;top:0;left:210px;width:320px;height:100vh;background:var(--surface);border-right:1.5px solid var(--border);box-shadow:4px 0 24px #0929032e;z-index:1200;display:flex;flex-direction:column;transform:translate(-120%);transition:transform .25s cubic-bezier(.4,0,.2,1)}.notif-panel.open{transform:translate(0)}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;border-bottom:1.5px solid var(--border);background:linear-gradient(135deg,#092903,#1a6b0a);flex-shrink:0}.notif-panel-title{color:#fff;font-weight:700;font-family:var(--font-sub);font-size:.95rem}.notif-panel-body{flex:1;overflow-y:auto;padding:.8rem;display:flex;flex-direction:column;gap:.5rem}.notif-item{display:flex;align-items:flex-start;gap:.55rem;padding:.6rem .75rem;border-radius:8px;cursor:pointer;transition:background .15s;border:1px solid transparent}.notif-item:hover{background:var(--bg-soft);border-color:var(--border)}.notif-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;margin-top:4px}.notif-dot.critical{background:#ef4444}.notif-dot.at-risk{background:#f59e0b}.notif-item-text{font-size:.8rem;line-height:1.4;color:var(--txt);flex:1}.notif-item-sub{font-size:.72rem;color:var(--txt-muted);margin-top:.1rem}.user-badge-menu{position:fixed;z-index:9999;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000021;padding:.35rem;animation:modalIn .12s ease}.ubm-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.6rem .85rem;background:none;border:none;border-radius:7px;cursor:pointer;font-size:.88rem;font-weight:500;color:var(--txt);text-align:left;transition:background .12s}.ubm-item:hover{background:var(--bg-soft)}.hidden{display:none!important}.error-msg{color:var(--danger);font-size:.82rem;margin-bottom:.8rem;padding:.5rem .8rem;background:#fef2f2;border-radius:6px}.success-msg{color:#166534;font-size:.82rem;margin-bottom:.8rem;padding:.5rem .8rem;background:#dcfce7;border-radius:6px}.empty-state{text-align:center;padding:3rem 1rem;color:var(--txt-muted);font-size:.9rem}.empty-state .empty-icon{font-size:2.5rem;margin-bottom:.7rem}.section-gap{margin-bottom:1.5rem}.flex-gap{display:flex;gap:.6rem;align-items:center}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.active-filter{background:var(--primary)!important;color:#092903!important;border-color:var(--primary)!important}[data-theme=dark]{--bg: #0f1a0d;--bg-alt: #131f10;--bg-soft: #192614;--surface: #1a2617;--txt: #dff0d8;--txt-muted: #7aad70;--border: #2e4a28;--shadow: 0 1px 3px rgba(0,0,0,.35), 0 1px 2px rgba(0,0,0,.25);--shadow-lg: 0 10px 25px rgba(0,0,0,.55)}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{background:#1f3020!important}[data-theme=dark] .badge-ongoing,[data-theme=dark] .badge-active,[data-theme=dark] .badge-in-progress{background:#1a4020;color:#a8e8a0}[data-theme=dark] .badge-planning{background:#2a1a4a;color:#c4a0ff}[data-theme=dark] .badge-on-hold{background:#3a2010;color:#ffbf7a}[data-theme=dark] .badge-churn{background:#2d1111;color:#fca5a5}[data-theme=dark] .badge-completed{background:#0d2020;color:#5ecac4}[data-theme=dark] .badge-super_admin{background:#2e2500;color:#fde047}[data-theme=dark] .badge-project_manager{background:#0e2045;color:#93c5fd}[data-theme=dark] .badge-implementer{background:#1a4020;color:#a8e8a0}[data-theme=dark] .badge-type-client{background:#0e2045;color:#93c5fd}[data-theme=dark] .badge-type-internal{background:#1f2937;color:#9ca3af}[data-theme=dark] .risk-badge.critical{background:#2d1111;color:#fca5a5;border-color:#7f1d1d}[data-theme=dark] .risk-badge.at-risk{background:#2e2005;color:#fcd34d;border-color:#78350f}[data-theme=dark] .risk-badge.on-track{background:#0d2d14;color:#86efac;border-color:#166534}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--txt-muted)}.ssk-root{min-height:100vh;background:linear-gradient(160deg,#f4f9f4,#eef5ee,#f0f4f0);display:flex;flex-direction:column;font-family:var(--font-main);overflow-y:auto;height:100vh}.ssk-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem;color:var(--txt-muted);font-size:.95rem}.ssk-loading-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#32ce13;border-radius:50%;animation:ssk-spin .8s linear infinite}@keyframes ssk-spin{to{transform:rotate(360deg)}}.ssk-error-page{display:flex;align-items:center;justify-content:center;height:100vh;background:#f0f2f5}.ssk-error-box{background:#fff;border-radius:16px;padding:3rem 2.5rem;box-shadow:0 4px 20px #00000014;text-align:center;max-width:420px}.ssk-error-box h2{font-size:1.4rem;margin-bottom:.5rem;color:#092903}.ssk-error-box p{color:#607060;font-size:.95rem}.ssk-header{background:linear-gradient(135deg,#092903,#0d3a05);box-shadow:0 2px 16px #09290359;display:flex;align-items:center;justify-content:space-between;padding:.85rem 2rem;position:sticky;top:0;z-index:50}.ssk-header-left{display:flex;align-items:center;gap:.85rem}.ssk-header-right{display:flex;align-items:center;gap:.75rem}.ssk-logo-mark{flex-shrink:0}.ssk-logo-img{height:44px;width:auto;object-fit:contain;flex-shrink:0;filter:brightness(0) invert(1)}.ssk-header-divider{width:1px;height:36px;background:#ffffff40;flex-shrink:0}.ssk-company-name{color:#fff;font-weight:800;font-size:1.1rem;font-family:var(--font-sub);letter-spacing:.03em}.ssk-subtitle{color:#32ce13;font-size:1.05rem;font-weight:700}.ssk-pm-badge{color:#ffffffbf;font-size:.82rem}.ssk-pm-label{opacity:.6;margin-right:.3rem}.ssk-pm-name{font-weight:600}.ssk-progress-pill{font-size:.78rem;font-weight:700;color:#092903;padding:.3rem .75rem;border-radius:99px;box-shadow:0 2px 8px #0003}.ssk-internal-banner{background:linear-gradient(90deg,#0d3a05,#1a6b0a);display:flex;align-items:center;justify-content:space-between;padding:.6rem 2rem;font-size:.83rem;color:#ffffffd9}.ssk-test-client-btn{background:#ffffff1f;border:1.5px solid rgba(255,255,255,.25);border-radius:8px;padding:.28rem .85rem;font-size:.78rem;font-weight:700;color:#ffffffe6;cursor:pointer;transition:background .15s}.ssk-test-client-btn:hover{background:#ffffff38;color:#fff}.ssk-tabs{background:#fff;border-bottom:2px solid #eef5ee;display:flex;padding:0 2rem;gap:.25rem;overflow-x:auto;box-shadow:0 2px 8px #0929030f}.ssk-tab{display:flex;align-items:center;gap:.4rem;padding:.85rem 1rem;font-size:.88rem;font-weight:500;border:none;background:none;cursor:pointer;color:#7a9470;border-bottom:2.5px solid transparent;white-space:nowrap;transition:color .15s,border-color .15s}.ssk-tab:hover{color:#092903}.ssk-tab.active{color:#092903;border-bottom-color:#32ce13;font-weight:700}.ssk-tab-icon{font-size:.9rem}.ssk-content{padding:1.5rem 2rem 2rem;max-width:1100px;margin:0 auto;width:100%}.ssk-card{background:#fff;border-radius:14px;padding:1.4rem 1.5rem;box-shadow:0 2px 12px #09290314,0 0 0 1px #0929030a;transition:box-shadow .25s,transform .2s}.ssk-card:hover{box-shadow:0 8px 28px #09290321,0 0 0 1px #32ce131f;transform:translateY(-2px)}.ssk-section-card{margin-top:1.25rem}.ssk-card-header{display:flex;align-items:center;gap:.6rem;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7a9470;margin-bottom:1.2rem;padding-bottom:.85rem;border-bottom:1.5px solid #eef5ee}.ssk-card-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.ssk-dot-green{background:#32ce13}.ssk-dot-blue{background:#1679fa}.ssk-dot-orange{background:#ff7f00}.ssk-dot-purple{background:#8139ee}.ssk-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.25rem}@keyframes ssk-stat-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.ssk-stat-card{background:#fff;border-radius:14px;padding:1.15rem 1.35rem;box-shadow:0 2px 12px #09290314,0 0 0 1px #0929030a;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.25rem;border-top:4px solid transparent;animation:ssk-stat-in .42s cubic-bezier(.16,1,.3,1) both;transition:transform .2s,box-shadow .25s}.ssk-stat-card:hover{transform:translateY(-4px)}.ssk-stat-card:nth-child(1){animation-delay:.04s;border-top-color:#32ce13}.ssk-stat-card:nth-child(2){animation-delay:.12s;border-top-color:#8139ee}.ssk-stat-card:nth-child(3){animation-delay:.2s;border-top-color:#1679fa}.ssk-stat-card:nth-child(4){animation-delay:.28s;border-top-color:#ff7f00}.ssk-stat-card:nth-child(1):hover{box-shadow:0 12px 28px #32ce132e,0 0 0 1px #32ce131a}.ssk-stat-card:nth-child(2):hover{box-shadow:0 12px 28px #8139ee26,0 0 0 1px #8139ee1a}.ssk-stat-card:nth-child(3):hover{box-shadow:0 12px 28px #1679fa26,0 0 0 1px #1679fa1a}.ssk-stat-card:nth-child(4):hover{box-shadow:0 12px 28px #ff7f0026,0 0 0 1px #ff7f001a}.ssk-stat-label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7a9470;margin-bottom:.1rem}.ssk-stat-value{font-size:1.9rem;font-weight:800;font-family:var(--font-sub);line-height:1;color:#092903}.ssk-stat-name{font-size:.98rem!important;font-weight:700!important;line-height:1.25!important;color:#092903!important}.ssk-stat-sub{font-size:.74rem;color:#7a9470;margin-top:.15rem}.ssk-stat-icon{position:absolute;right:1rem;top:.9rem;font-size:1.5rem;opacity:.08}.ssk-two-col{display:grid;grid-template-columns:1fr 300px;gap:1.25rem;margin-bottom:1.25rem}.ssk-right-col{display:flex;flex-direction:column}.ssk-timeline-card{overflow:hidden}.ssk-timeline{display:flex;flex-direction:column}@keyframes ssk-tl-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.ssk-tl-step{display:flex;gap:.85rem;animation:ssk-tl-in .35s ease both}.ssk-tl-connector{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:32px}.ssk-tl-node{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;z-index:2;border:2px solid #e5e7eb;background:#fff;color:#6b7280}.ssk-node-done{background:#32ce13;border-color:#32ce13;color:#fff;box-shadow:0 2px 8px #32ce1359}.ssk-node-active{background:#ff7f00;border-color:#ff7f00;color:#fff;animation:ssk-node-pulse 1.8s ease-in-out infinite}.ssk-node-pending{background:#fff;border-color:#d1d5db;color:#9ca3af}@keyframes ssk-node-pulse{0%,to{box-shadow:0 0 #ff7f0073}50%{box-shadow:0 0 0 8px #ff7f0000}}.ssk-tl-line{width:2px;flex:1;min-height:12px;background:#e5e7eb;margin:3px 0}.ssk-tl-body{flex:1;border-radius:10px;padding:.65rem .9rem;margin-bottom:.6rem;border:1.5px solid #e5e7eb;background:#fff;transition:box-shadow .2s,transform .15s,border-color .2s}.ssk-tl-body:hover{box-shadow:0 4px 12px #0929031a;transform:translate(2px)}.ssk-tl-done{border-color:#bbf7d0;background:#f0fdf4}.ssk-tl-active{border-color:#fed7aa;background:#fff7ed}.ssk-tl-pending{border-color:#e5e7eb;background:#fafafa}.ssk-tl-name{font-weight:600;font-size:.88rem;color:#092903;margin-bottom:.3rem}.ssk-tl-date{font-size:.74rem;color:#607060;margin-bottom:.28rem}.ssk-tl-status-pill{display:inline-block;font-size:.7rem;font-weight:700;padding:.13rem .5rem;border-radius:99px}.ssk-pill-done{background:#dcfce7;color:#15803d}.ssk-pill-active{background:#fff7ed;color:#c2410c}.ssk-pill-pending{background:#f3f4f6;color:#6b7280}.ssk-donut-wrap{display:flex;justify-content:center;margin:.5rem 0}.ssk-donut-legend{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;font-size:.76rem;color:#607060;justify-content:center;margin-top:.5rem}.ssk-legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.25rem}.ssk-summary-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.ssk-summary-item{display:flex;align-items:center;gap:.6rem;font-size:.83rem}.ssk-summary-name{flex:1;color:#092903}.ssk-summary-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ssk-dot-sum-done{background:#32ce13}.ssk-dot-sum-active{background:#ff7f00}.ssk-dot-sum-pending{background:#d1d5db}.ssk-summary-badge{font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:99px}.ssk-badge-done{background:#dcfce7;color:#15803d}.ssk-badge-active{background:#fff7ed;color:#c2410c}.ssk-badge-pending{background:#f3f4f6;color:#6b7280}.ssk-empty{text-align:center;color:#7a9470;font-size:.9rem;padding:2rem 1rem}.ssk-file-list{display:flex;flex-direction:column;gap:.5rem}.ssk-file-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:8px;background:#f9fafb;border:1px solid #e5e7eb;text-decoration:none;color:#092903;transition:background .15s,box-shadow .2s,transform .15s}.ssk-file-item:hover{background:#f0fdf4;border-color:#bbf7d0;transform:translate(2px);box-shadow:0 2px 8px #09290314}.ssk-file-item-lg{padding:.85rem 1rem}.ssk-file-icon{font-size:1.2rem;flex-shrink:0}.ssk-icon-lg{font-size:1.8rem}.ssk-file-name{font-weight:600;font-size:.88rem}.ssk-file-size{margin-left:auto;font-size:.78rem;color:#7a9470}.ssk-file-meta{font-size:.75rem;color:#7a9470;margin-top:.2rem}.ssk-ticket-form{display:flex;flex-direction:column;gap:1rem}.ssk-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ssk-field{display:flex;flex-direction:column;gap:.4rem}.ssk-field label{font-size:.82rem;font-weight:600;color:#374151}.ssk-field input,.ssk-field select,.ssk-field textarea{border:1.5px solid #d1d5db;border-radius:8px;padding:.65rem .85rem;font-size:.9rem;font-family:var(--font-main);color:#092903;background:#fff;transition:border-color .15s;resize:vertical}.ssk-field input:focus,.ssk-field select:focus,.ssk-field textarea:focus{outline:none;border-color:#32ce13}.ssk-radio-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;padding:.5rem 0}.ssk-radio{display:flex;align-items:center;gap:.35rem;font-size:.85rem;cursor:pointer}.ssk-radio input[type=radio]{accent-color:#32CE13}.ssk-radio-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.ssk-rd-low{background:#d1d5db}.ssk-rd-normal{background:#1679fa}.ssk-rd-high{background:#ef4444}.ssk-rd-urgent{background:#7c3aed}.ssk-form-error{color:#dc2626;font-size:.83rem;padding:.4rem .75rem;background:#fef2f2;border-radius:6px;border:1px solid #fecaca}.ssk-ticketing-note{font-size:.82rem;color:#607060;padding:.5rem .75rem;background:#f0fdf4;border-radius:6px}.ssk-submit-btn{align-self:flex-end;background:#32ce13;color:#092903;border:none;border-radius:10px;padding:.75rem 2rem;font-size:.9rem;font-weight:700;font-family:var(--font-sub);cursor:pointer;transition:background .15s,transform .1s;letter-spacing:.02em}.ssk-submit-btn:hover:not(:disabled){background:#28b010;transform:translateY(-1px)}.ssk-submit-btn:disabled{opacity:.5;cursor:not-allowed}.ssk-ticket-success{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:10px;padding:1.25rem 1.5rem;color:#15803d;font-size:.9rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.ssk-link-btn{background:none;border:none;color:#1679fa;font-size:.85rem;cursor:pointer;text-decoration:underline}.ssk-form-section-title{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#32ce13;display:flex;align-items:center;gap:.5rem;border-bottom:1.5px solid #e5e7eb;padding-bottom:.5rem;margin-bottom:.25rem}.ssk-form-section-title:before{content:"";width:3px;height:14px;background:#32ce13;border-radius:2px;flex-shrink:0}.ssk-input-readonly{background:#f9fafb!important;color:#6b7280!important;cursor:default!important}.ssk-optional{font-weight:400;color:#9ca3af;font-style:italic}.ssk-dropzone{border:2px dashed #d1d5db;border-radius:10px;padding:1.25rem 1rem;text-align:center;cursor:pointer;color:#6b7280;font-size:.85rem;background:#fafafa;transition:border-color .15s,background .15s;min-height:60px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.ssk-dropzone:hover{border-color:#32ce13;background:#f0fdf4}.ssk-attachment-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.ssk-attachment-chip{background:#e0f2fe;color:#0369a1;border-radius:20px;padding:.25rem .75rem;font-size:.8rem;display:flex;align-items:center;gap:.35rem}.ssk-chip-remove{background:none;border:none;color:#0369a1;cursor:pointer;font-size:1rem;line-height:1;padding:0;font-weight:700}.ssk-chip-remove:hover{color:#dc2626}.ssk-tickets-list{display:flex;flex-direction:column;gap:.6rem}.ssk-ticket-row{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;border-radius:10px;border:1px solid #e5e7eb;background:#fafafa}.ssk-ticket-num{font-size:.75rem;font-weight:700;color:#607060;min-width:110px}.ssk-ticket-info{flex:1}.ssk-ticket-subject{font-weight:600;font-size:.88rem;color:#092903}.ssk-ticket-meta{font-size:.76rem;color:#607060;margin-top:.15rem}.ssk-ticket-badges{display:flex;gap:.4rem;flex-shrink:0}.ssk-priority-badge,.ssk-status-badge,.ssk-approval-badge{font-size:.7rem;font-weight:700;padding:.25rem .6rem;border-radius:99px}.ssk-pri-low{background:#f3f4f6;color:#6b7280}.ssk-pri-normal{background:#dbeafe;color:#1d4ed8}.ssk-pri-high{background:#fee2e2;color:#dc2626}.ssk-pri-urgent{background:#ede9fe;color:#7c3aed}.ssk-st-open{background:#dcfce7;color:#15803d}.ssk-st-in-progress{background:#fff7ed;color:#c2410c}.ssk-st-resolved,.ssk-st-closed{background:#f3f4f6;color:#6b7280}.ssk-approval-pending{background:#fef3c7;color:#92400e}.ssk-approval-pm{background:#dbeafe;color:#1e40af}.ssk-approval-ok{background:#dcfce7;color:#15803d}.ssk-approval-rejected{background:#fee2e2;color:#991b1b}.ssk-ticket-rejection{font-size:.74rem;color:#991b1b;margin-top:.2rem;font-style:italic}.ssk-refresh-btn{background:none;border:1.5px solid #d1d5db;border-radius:8px;padding:.3rem .75rem;font-size:.78rem;color:#607060;cursor:pointer;transition:border-color .15s,color .15s}.ssk-refresh-btn:hover:not(:disabled){border-color:#32ce13;color:#32ce13}.ssk-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.ssk-contacts-two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.ssk-contacts-group-label{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#607060;margin-bottom:.85rem;border-bottom:1px solid #f0f0f0;padding-bottom:.5rem}.ssk-contacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.ssk-contact-card{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;border-radius:10px;border:1px solid #e5e7eb;background:#fafafa}.ssk-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.88rem;color:#fff;flex-shrink:0}.ssk-contact-info{flex:1;min-width:0}.ssk-contact-name{font-weight:700;font-size:.88rem;color:#092903}.ssk-contact-role{font-size:.78rem;color:#607060;margin-top:.1rem}.ssk-contact-email{font-size:.75rem;color:#1679fa;margin-top:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ssk-footer{text-align:center;padding:1.2rem;font-size:.78rem;color:#32ce13;background:#fff;border-top:1px solid #e8ede0;margin-top:auto}.ssk-footer-brand{font-weight:700}@keyframes ssk-orb-drift-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(60px,-80px) scale(1.12)}66%{transform:translate(-40px,40px) scale(.92)}}@keyframes ssk-orb-drift-2{0%,to{transform:translate(0) scale(1)}40%{transform:translate(-70px,55px) scale(1.15)}75%{transform:translate(30px,-30px) scale(.88)}}@keyframes ssk-orb-drift-3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-50px,-65px) scale(1.2)}}@keyframes ssk-card-enter{0%{opacity:0;transform:translateY(40px) scale(.95);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes ssk-border-shimmer{0%{background-position:-300% center}to{background-position:300% center}}@keyframes ssk-scan-line{0%{top:-4px;opacity:0}5%{opacity:1}95%{opacity:1}to{top:100%;opacity:0}}@keyframes ssk-field-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes ssk-particle-rise{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:.6}to{transform:translateY(-100vh) scale(.5);opacity:0}}@keyframes ssk-logo-pulse{0%,to{filter:drop-shadow(0 2px 10px rgba(50,206,19,.2))}50%{filter:drop-shadow(0 2px 22px rgba(50,206,19,.55))}}@keyframes ssk-glow-pulse{0%,to{box-shadow:0 0 0 1px #32ce1333,0 32px 80px #0009,0 0 40px #32ce130f}50%{box-shadow:0 0 0 1px #32ce1366,0 32px 80px #0009,0 0 70px #32ce1324}}.ssk-login-overlay{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(rgba(50,206,19,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(50,206,19,.025) 1px,transparent 1px),radial-gradient(ellipse at 20% 45%,#0c3504,#041104,#010901);background-size:48px 48px,48px 48px,100% 100%;padding:2rem;position:relative;overflow:hidden}.ssk-bg-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px)}.ssk-bg-orb-1{width:800px;height:800px;top:-22%;left:-10%;background:radial-gradient(circle,rgba(50,206,19,.2) 0%,transparent 65%);animation:ssk-orb-drift-1 18s ease-in-out infinite}.ssk-bg-orb-2{width:620px;height:620px;bottom:-25%;right:-8%;background:radial-gradient(circle,rgba(26,92,8,.32) 0%,transparent 62%);animation:ssk-orb-drift-2 22s ease-in-out infinite}.ssk-bg-orb-3{width:460px;height:460px;top:35%;left:50%;background:radial-gradient(circle,rgba(50,206,19,.12) 0%,transparent 65%);animation:ssk-orb-drift-3 28s ease-in-out infinite}.ssk-particle{position:absolute;border-radius:50%;pointer-events:none;background:#32ce13b3;animation:ssk-particle-rise linear infinite}.ssk-p-1{width:3px;height:3px;left:8%;bottom:10%;animation-duration:14s;animation-delay:0s}.ssk-p-2{width:2px;height:2px;left:18%;bottom:5%;animation-duration:18s;animation-delay:2s}.ssk-p-3{width:4px;height:4px;left:30%;bottom:15%;animation-duration:12s;animation-delay:5s}.ssk-p-4{width:2px;height:2px;left:55%;bottom:8%;animation-duration:20s;animation-delay:1s}.ssk-p-5{width:3px;height:3px;left:68%;bottom:20%;animation-duration:16s;animation-delay:7s}.ssk-p-6{width:2px;height:2px;left:78%;bottom:6%;animation-duration:11s;animation-delay:3s}.ssk-p-7{width:5px;height:5px;left:42%;bottom:12%;animation-duration:22s;animation-delay:9s;opacity:.4}.ssk-p-8{width:2px;height:2px;left:88%;bottom:18%;animation-duration:15s;animation-delay:4s}.ssk-login-box{background:#fff;border-radius:24px;padding:2.75rem 2.5rem 2.25rem;width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;gap:0;position:relative;overflow:hidden;animation:ssk-card-enter .7s cubic-bezier(.16,1,.3,1) both,ssk-glow-pulse 4s ease-in-out .7s infinite}.ssk-login-box:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;z-index:2;background:linear-gradient(90deg,#0d4a06,#32ce13,#a8ff78,#32ce13,#0d4a06);background-size:300% 100%;animation:ssk-border-shimmer 3s linear infinite}.ssk-login-box:after{content:"";position:absolute;left:0;right:0;height:2px;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(50,206,19,.25),transparent);animation:ssk-scan-line 6s linear 1.2s infinite}.ssk-login-brand{display:flex;align-items:center;justify-content:center;margin-bottom:1.4rem}.ssk-login-logo{height:56px;width:auto;animation:ssk-logo-pulse 3s ease-in-out 1s infinite}.ssk-login-title{font-size:1.5rem;font-weight:800;color:#092903;margin:0 0 .4rem;letter-spacing:-.01em}.ssk-login-sub{font-size:.875rem;color:#607060;margin:0 0 1.75rem;text-align:center;line-height:1.5}.ssk-login-form{width:100%;display:flex;flex-direction:column;gap:1rem}.ssk-login-form .ssk-field:nth-child(1){animation:ssk-field-in .55s cubic-bezier(.16,1,.3,1) .25s both}.ssk-login-form .ssk-field:nth-child(2){animation:ssk-field-in .55s cubic-bezier(.16,1,.3,1) .38s both}.ssk-login-form .ssk-field input:focus{border-color:#32ce13;box-shadow:0 0 0 3px #32ce1338,0 0 12px #32ce1326}.ssk-login-form .ssk-submit-btn{align-self:stretch;width:100%;background:linear-gradient(135deg,#1a7c0a,#237d10);font-size:.95rem;padding:.85rem 2rem;border-radius:10px;margin-top:.25rem;transition:background .25s,transform .15s,box-shadow .25s;animation:ssk-field-in .55s cubic-bezier(.16,1,.3,1) .5s both}.ssk-login-form .ssk-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#32ce13,#28b810);color:#092903;transform:translateY(-2px);box-shadow:0 8px 28px #32ce1373}.ssk-login-form .ssk-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.ssk-login-noaccess{font-size:.8rem;color:#9ca3af;text-align:center;margin:1.25rem 0 0;line-height:1.5}.ssk-login-divider{display:flex;align-items:center;gap:.75rem;width:100%;margin:1rem 0;color:#9ca3af;font-size:.8rem}.ssk-login-divider:before,.ssk-login-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.ssk-pm-login-btn{width:100%;background:transparent;border:1.5px solid #32CE13;color:#1a5c08;border-radius:10px;padding:.75rem 2rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s,box-shadow .25s,transform .15s;font-family:var(--font-main)}.ssk-pm-login-btn:hover{background:#f0fdf4;box-shadow:0 0 0 3px #32ce1333,0 4px 16px #32ce131f;transform:translateY(-1px)}@media (max-width: 800px){.ssk-stats-row{grid-template-columns:repeat(2,1fr)}.ssk-two-col,.ssk-contacts-two-col{grid-template-columns:1fr}.ssk-content{padding:1rem}.ssk-header{padding:.75rem 1rem}.ssk-tabs{padding:0 1rem}.ssk-form-row{grid-template-columns:1fr}}@media (max-width: 500px){.ssk-stats-row{grid-template-columns:1fr}.ssk-company-name{font-size:.95rem}}
