@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#243449;background:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-size:14px;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:252px;background:#102a43;color:#d5e0ec;display:flex;flex-direction:column;padding:23px 15px 14px}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 24px;border-bottom:1px solid #284157}.brand-mark{width:39px;height:39px;border-radius:12px;background:#20b486;color:#fff;display:grid;place-items:center}.brand strong{display:block;font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.5px;color:#fff}.brand span{display:block;font-size:9px;letter-spacing:1.2px;color:#8fa6bb;margin-top:3px}.mobile-close{display:none!important;margin-left:auto}.company-switch{display:flex;align-items:center;gap:10px;margin:19px 2px 27px;padding:11px 10px;border:1px solid #365066;border-radius:10px;background:#19364f}.company-icon{width:34px;height:34px;display:grid;place-items:center;background:#294b66;border-radius:8px;color:#9ddcc7}.company-name{flex:1;min-width:0}.company-name b{display:block;font-size:12px;color:#fff}.company-name span{display:block;font-size:11px;color:#9cb0c3;margin-top:4px}.company-switch>svg{color:#91a6ba}.nav-label{padding:0 12px 10px;color:#7f96ab;font-size:10px;letter-spacing:1.3px;font-weight:700}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;color:#b8c7d5;background:transparent;border:0;border-radius:8px;text-align:left;font-size:13px;transition:.15s}.nav-item svg{color:#91a8bc}.nav-item:hover{background:#1c3a54;color:#fff}.nav-item.active{background:#1c745f;color:#fff;font-weight:600;box-shadow:inset 3px 0 #5be0b2}.nav-item.active svg{color:#8af0d1}.nav-count{margin-left:auto;background:#33546d;color:#e2edf6;border-radius:5px;padding:2px 7px;font-size:10px}.sidebar-bottom{margin-top:auto}.help-card{display:flex;gap:10px;background:#19364f;border:1px solid #2b485f;border-radius:10px;padding:13px 10px;margin-bottom:18px}.help-icon{color:#80d7bd;padding-top:1px}.help-card b{font-size:11px;color:#f1f6fa}.help-card p{font-size:10px;color:#a3b6c7;margin:6px 0 9px}.help-card button{border:0;background:none;color:#8de0c7;font-size:10px;padding:0;display:flex;align-items:center;gap:2px}.user-profile{border-top:1px solid #2b4359;padding:15px 5px 0;display:flex;align-items:center;gap:9px}.avatar{width:32px;height:32px;border-radius:9px;background:#e6f0ed;color:#286c5d;display:grid;place-items:center;font-size:10px;font-weight:700;flex-shrink:0}.avatar-admin{background:#c8e8dd;color:#1d6d59}.profile-info{flex:1}.profile-info b{display:block;font-size:11px;color:#f3f7fa}.profile-info span{display:block;font-size:10px;color:#91a7ba;margin-top:4px}.icon-button{width:34px;height:34px;border:0;background:transparent;border-radius:8px;color:inherit;display:inline-grid;place-items:center;position:relative}.icon-button:hover{background:#edf2f6;color:#18364d}.sidebar .icon-button:hover{background:#29465d;color:#fff}.main-area{margin-left:252px;min-height:100vh}.topbar{height:68px;background:#fff;border-bottom:1px solid #e8edf2;display:flex;align-items:center;justify-content:space-between;padding:0 35px;position:sticky;top:0;z-index:10}.breadcrumb{display:flex;align-items:center;gap:9px;color:#8593a3;font-size:12px}.breadcrumb b{color:#293e52;font-weight:600}.breadcrumb svg{color:#a8b3bf}.topbar-actions{display:flex;align-items:center;gap:18px}.date-chip{display:flex;align-items:center;gap:8px;color:#66778a;font-size:12px;padding-right:17px;border-right:1px solid #e8edf2}.date-chip svg{color:#71849a}.notification-button{color:#60758a}.notification-button i{position:absolute;width:6px;height:6px;background:#f06e66;border:1px solid white;border-radius:50%;top:6px;right:6px}.top-avatar{border-radius:50%;width:34px;height:34px}.mobile-menu{display:none}.content{max-width:1600px;margin:0 auto;padding:31px 35px 22px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:1.25px;font-weight:700;color:#7f91a3;margin-bottom:7px}.page-heading h1{font-family:Manrope,sans-serif;font-size:26px;letter-spacing:-.7px;line-height:1.2;margin:0;color:#1d3045;font-weight:800}.page-heading p{margin:8px 0 0;color:#7b8998;font-size:12px}.heading-actions{display:flex;gap:9px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 13px;border-radius:8px;font-size:12px;font-weight:600;transition:.15s;border:1px solid transparent;white-space:nowrap}.btn-primary{background:#137d65;color:#fff;box-shadow:0 2px 3px #0c6d5515}.btn-primary:hover{background:#0f6d58}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:#fff;color:#506277;border-color:#dfe6ed}.btn-secondary:hover{background:#f7f9fb;border-color:#cbd6e0}.demo-banner{display:flex;align-items:center;gap:12px;border:1px solid #f1dfb6;background:#fffaf0;border-radius:9px;padding:12px 14px;margin-bottom:22px;color:#87632b}.demo-banner>div{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#fff0cf;flex-shrink:0}.demo-banner p{margin:0;display:flex;flex-direction:column;gap:3px;flex:1}.demo-banner p b{font-size:11px;color:#7b5923}.demo-banner p span{font-size:11px;color:#927b55}.demo-banner button{border:0;background:none;color:#85632d;display:flex;align-items:center;gap:3px;font-size:11px;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid #e7edf2;border-radius:11px;padding:17px 18px 15px;min-width:0;box-shadow:0 2px 5px #263b4d04}.stat-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;margin-bottom:14px}.stat-icon.blue{color:#4b7bd1;background:#eaf1ff}.stat-icon.green{color:#1a9877;background:#e1f6ef}.stat-icon.orange{color:#d18b34;background:#fff2df}.stat-icon.purple{color:#9272d7;background:#f1ebff}.stat-label{font-size:11px;color:#758597;font-weight:500}.stat-value{font-family:Manrope,sans-serif;font-size:27px;letter-spacing:-.8px;color:#20364a;font-weight:800;margin:6px 0 10px}.stat-foot{display:flex;align-items:center;justify-content:space-between;gap:4px;border-top:1px solid #f0f3f6;padding-top:10px}.stat-trend{display:flex;align-items:center;gap:3px;color:#218d70;font-size:10px}.stat-period{font-size:10px;color:#a1acb8}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:18px}.panel{background:#fff;border:1px solid #e6ecf1;border-radius:11px;min-width:0;box-shadow:0 2px 5px #263b4d04;overflow:hidden}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 20px 17px}.panel-title h2{font-family:Manrope,sans-serif;font-size:14px;font-weight:800;letter-spacing:-.25px;color:#263a4d;margin:0}.panel-title p{font-size:11px;color:#8794a2;margin:6px 0 0}.text-link{display:inline-flex;align-items:center;gap:3px;border:0;background:transparent;color:#16816a;font-size:11px;font-weight:600;white-space:nowrap;padding:2px 0}.text-link:hover{color:#0e5f4e}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}thead{background:#f8fafb}th{font-size:9px;letter-spacing:.7px;color:#8493a2;font-weight:700;padding:12px 17px;border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4}td{padding:13px 17px;font-size:11px;color:#647587;border-bottom:1px solid #eff2f5}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfd}.person-cell{display:flex;align-items:center;gap:9px}.person-cell b{font-size:11px;color:#31465a;font-weight:600}.person-cell .avatar{width:30px;height:30px}.site-cell{display:flex;flex-direction:column;gap:4px}.site-cell b{font-size:10px;color:#43566a;font-weight:600}.site-cell span{font-size:10px;color:#9aa6b3}.time-cell{display:flex;align-items:center;gap:6px;color:#64788a}.time-cell svg{color:#9aa8b5}.status-pill{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:5px 7px;font-size:9px;font-weight:600;white-space:nowrap}.status-pill i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-pill.success{background:#e6f7f0;color:#25886b}.status-pill.warning{background:#fff3df;color:#b97a23}.status-pill.info{background:#eaf2ff;color:#527cc3}.status-pill.neutral{background:#eff2f5;color:#697b8c}.mileage-list{padding:0 18px}.mileage-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #eff2f5}.mileage-row:last-child{border-bottom:0}.vehicle-icon{width:37px;height:37px;border-radius:9px;display:grid;place-items:center;color:#398b78;background:#e8f6f1;flex-shrink:0}.mileage-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.mileage-info b{font-size:11px;color:#34485c}.mileage-info span,.mileage-info small{font-size:10px;color:#8391a0;overflow:hidden;text-overflow:ellipsis}.mileage-info small{font-size:9px;color:#a4afba}.mileage-right{display:flex;align-items:flex-end;flex-direction:column;gap:6px}.mileage-right>b{font-size:12px;color:#34485c}.mileage-right b small{font-size:9px;color:#8c9aa7;font-weight:500}.full-link{border-top:1px solid #eff2f5;width:100%;justify-content:center;padding:13px;margin-top:3px}.report-list,.upload-list{padding:0 19px 7px}.report-row,.upload-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #eff2f5}.report-row:last-child,.upload-row:last-child{border-bottom:0}.file-icon,.excel-icon{width:35px;height:37px;border-radius:8px;background:#eaf1ff;color:#537dcb;display:grid;place-items:center;flex-shrink:0}.excel-icon{background:#e4f6ed;color:#208660}.report-info,.upload-info{flex:1;min-width:0}.report-info b,.upload-info b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#3b4e61;font-weight:600}.report-info span,.upload-info span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#8c9aa7;margin-top:5px}.report-time{display:flex;flex-direction:column;align-items:flex-end;gap:5px;color:#8191a0;font-size:10px}.report-time svg{color:#2a9b7b}.download-small{color:#7c8b9b;flex-shrink:0}.footer{display:flex;justify-content:space-between;gap:15px;margin-top:24px;padding:15px 2px 0;border-top:1px solid #e6ebf0;color:#9aa5b1;font-size:10px}.footer span:last-child{display:flex;align-items:center;gap:6px}.footer svg{color:#3b9d7e}.footer i{width:3px;height:3px;border-radius:50%;background:#b2bdc7;margin:0 3px}.full-panel{padding-bottom:6px}.toolbar{display:flex;align-items:center;gap:9px;padding:0 20px 17px}.search-box{height:37px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #e0e7ed;border-radius:7px;flex:1;max-width:400px;color:#8b9aa8}.search-box input{border:0;outline:0;width:100%;min-width:0;color:#34485c;background:transparent;font-size:11px}.search-box input::placeholder{color:#a1acb7}.btn-filter{padding:9px 11px}.plate{display:inline-block;border:1px solid #ccd6df;background:#f9fbfc;color:#30465a;border-radius:5px;padding:5px 8px;font-weight:700;letter-spacing:.3px}.doc-cell{display:flex;align-items:center;gap:9px}.doc-cell svg{color:#418b78;flex-shrink:0}.doc-cell b{font-size:11px;color:#405368}.document-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 20px 20px}.document-category{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:17px;border:1px solid #e8edf1;border-radius:9px;background:#fcfdfd}.document-category svg{color:#21866d}.document-category b{font-size:11px;color:#3a4e62}.document-category span{font-size:10px;color:#8997a4}.toast{position:fixed;right:24px;bottom:24px;z-index:50;display:flex;align-items:center;gap:10px;max-width:min(500px,calc(100vw - 32px));padding:14px 16px;background:#163c36;color:#fff;border-radius:10px;box-shadow:0 12px 35px #0d273c30;font-size:12px}.toast>svg{color:#81e2c1;flex-shrink:0}.toast button{border:0;background:transparent;color:#d8e8e2;margin-left:auto;display:grid;place-items:center}.modal-backdrop{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;background:#10233880;display:grid;place-items:center;padding:18px;overflow-y:auto}.modal{width:min(100%,480px);background:#fff;border-radius:14px;box-shadow:0 20px 60px #081d2d40;padding:23px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #edf1f4;padding-bottom:18px;margin-bottom:20px}.modal-head h2{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.4px;margin:0;color:#21364a}.modal-head .icon-button{color:#728396}.form-fields{display:grid;gap:15px}.form-fields label{display:grid;gap:7px;color:#42566a;font-size:11px;font-weight:600}.form-fields input,.form-fields select,.form-fields textarea{width:100%;border:1px solid #dce4eb;border-radius:7px;padding:10px 11px;color:#30465a;background:#fff;outline:none;font-size:12px;font-weight:400}.form-fields input:focus,.form-fields select:focus,.form-fields textarea:focus{border-color:#4da991;box-shadow:0 0 0 3px #dff5ed}.form-fields textarea{resize:vertical;line-height:1.5}.form-fields input[type=file]{font-size:11px;padding:9px}.optional-note{display:flex;align-items:flex-start;gap:9px;padding:11px;background:#eff8f5;border-radius:8px;color:#4b7c6f;font-size:10px;line-height:1.5}.optional-note svg{flex-shrink:0}.btn-wide{width:100%;padding:12px}.field-hint{font-size:10px;color:#8a98a5;line-height:1.5;margin:0}.drop-hint{border:1px dashed #c8d8d5;border-radius:9px;padding:22px;display:flex;align-items:center;flex-direction:column;gap:8px;color:#438a78;text-align:center}.drop-hint span{font-size:11px;font-weight:600;color:#496477}.drop-hint small{font-size:10px;color:#8998a4}.modal-foot{display:flex;align-items:center;gap:6px;border-top:1px solid #edf1f4;margin-top:19px;padding-top:13px;color:#8a9aab;font-size:10px}.modal-foot svg{color:#318b71}@media(min-width:1500px){.content{padding-left:42px;padding-right:42px}.stats-grid,.dashboard-grid{gap:20px}}@media(max-width:1250px){.sidebar{width:225px}.main-area{margin-left:225px}.content{padding:27px 24px}.topbar{padding:0 24px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-panel{order:0}.activity-panel{order:1}.reports-panel{order:2}.upload-panel{order:3}}@media(max-width:800px){.sidebar{transform:translate(-100%);transition:transform .2s ease;width:260px;box-shadow:none}.sidebar.sidebar-open{transform:translate(0);box-shadow:12px 0 40px #071a2c2e}.mobile-close{display:inline-grid!important}.nav-scrim{position:fixed;z-index:15;top:0;right:0;bottom:0;left:0;border:0;background:#10233870}.main-area{margin-left:0}.mobile-menu{display:inline-grid;color:#60758a;margin-left:-8px}.topbar{height:60px;padding:0 17px}.topbar-left{display:flex;align-items:center;gap:7px}.topbar-actions{gap:9px}.date-chip{font-size:10px;padding-right:10px;gap:5px}.date-chip svg{width:14px}.content{padding:24px 17px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:19px}.page-heading h1{font-size:24px}.heading-actions{width:100%}.heading-actions .btn{flex:1}.demo-banner{align-items:flex-start}.demo-banner button{display:none}.footer{flex-direction:column}.document-categories{grid-template-columns:1fr}.panel-title{padding:17px 15px}.table-wrap table{min-width:650px}.toolbar{padding:0 15px 15px}.stats-grid{gap:11px}.stat-card{padding:14px}.stat-value{font-size:24px}.dashboard-grid{gap:13px}.breadcrumb{font-size:11px}.top-avatar{width:31px;height:31px}}@media(max-width:430px){.date-chip span{display:none}.date-chip{border-right:0;padding-right:0}.topbar-actions{gap:6px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:12px}.stat-icon{margin-bottom:11px}.stat-foot{align-items:flex-start;flex-direction:column;gap:4px}.page-heading p{line-height:1.5}.heading-actions .btn{font-size:10px;padding:10px 7px}.panel-title{gap:8px}.panel-title p{line-height:1.4}.panel-title .text-link{font-size:10px}.modal{padding:18px}.demo-banner p span{line-height:1.5}}.sidebar .cct-brand{align-items:flex-start;gap:8px;padding:2px 5px 20px;min-height:105px}.cct-brand-content{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.cct-brand-logo{display:block;width:100%;max-width:222px;height:auto;object-fit:contain}.sidebar .cct-brand-subtitle{font-family:DM Sans,sans-serif;font-size:10px;font-weight:700;letter-spacing:1.45px;color:#e5edf5;text-align:center;margin:0}.cct-brand .mobile-close{flex-shrink:0}.sidebar .cct-clock{margin-top:18px;margin-bottom:25px;padding:13px 12px;gap:11px;align-items:center}.cct-clock-icon{display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;border-radius:9px;background:#294b66;color:#9ddcc7}.cct-clock-details{display:flex;flex-direction:column;min-width:0;gap:3px}.sidebar .cct-clock-label{font-size:9px;font-weight:700;letter-spacing:1.1px;color:#9db7ca}.sidebar .cct-clock-time{font-family:DM Sans,sans-serif;font-size:19px;line-height:1.25;letter-spacing:.3px;color:#fff;font-variant-numeric:tabular-nums}.sidebar .cct-clock-date{font-size:11px;color:#bdd0de}@media(max-width:800px){.sidebar .cct-brand{padding-top:3px}.cct-brand-logo{max-width:207px}}:root{font-family:Times New Roman,Times,serif;font-size:15px}.page-heading h1,.modal-head h2,.brand strong,.stat-value{font-family:Times New Roman,Times,serif;letter-spacing:0}.sidebar .cct-brand-subtitle,.sidebar .cct-clock-time{font-family:Times New Roman,Times,serif}.nav-item{font-size:14px}.page-heading p,.panel-title p{font-size:13px}th{font-size:11px}td,.btn,.form-fields label{font-size:13px}.form-fields input,.form-fields select,.form-fields textarea{font-size:14px}.profile-settings-trigger{display:flex;align-items:center;gap:9px;min-width:0;flex:1;text-align:left;border:0;background:transparent;color:inherit;padding:4px;border-radius:8px;cursor:pointer}.profile-settings-trigger:hover,.profile-settings-trigger:focus-visible{background:#29465d;outline-offset:2px}.profile-settings-trigger .profile-info{min-width:0}.profile-settings-trigger .profile-info b{font-size:13px}.profile-settings-trigger .profile-info span{font-size:11px}.account-summary{display:flex;align-items:center;gap:12px;padding:13px 14px;background:#f4f8f7;border:1px solid #e3ebe8;border-radius:10px;margin-bottom:20px}.account-summary .avatar{width:42px;height:42px;font-size:15px}.account-summary strong{display:block;font-size:16px;color:#20364a}.account-summary span{display:block;margin-top:5px;font-size:13px;color:#647587;overflow-wrap:anywhere}.account-section-title{margin:0;font-size:18px;color:#20364a}.account-error{color:#b42318;margin:0;font-size:13px}.cct-auth-page{min-height:100vh;display:grid;place-items:center;padding:clamp(16px,4vw,64px);background:radial-gradient(circle at 20% 20%,#e3edf5,#f3f7fa 60%,#e9f0f7)}.cct-auth-shell{width:min(100%,1370px);min-height:min(760px,calc(100vh - 96px));display:grid;grid-template-columns:1.02fr 1fr;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 25px 65px #193d5b22}.cct-auth-brand{position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#0c293e,#10354f 65%,#09283f);padding:48px 32px;color:#fff}.cct-auth-brand-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:27px;width:100%}.cct-auth-logo{display:block;width:min(100%,580px);height:auto;object-fit:contain;filter:drop-shadow(0 4px 9px #00000020)}.cct-auth-gold-line{width:140px;height:3px;border-radius:5px;background:linear-gradient(90deg,transparent,#f0bd19,transparent)}.cct-auth-brand h1{font-family:Times New Roman,Times,serif;font-weight:600;font-size:clamp(17px,2vw,25px);letter-spacing:.28em;text-align:center;line-height:1.5;margin:0;color:#fff}.cct-auth-brand-decor{position:absolute;left:-130px;bottom:-200px;width:440px;height:440px;border:65px solid #ffffff06;border-radius:50%;pointer-events:none}.cct-auth-form-panel{display:grid;place-items:center;padding:clamp(25px,5vw,75px)}.cct-auth-form{width:100%;max-width:510px;display:flex;flex-direction:column}.cct-auth-form h2{font-family:Times New Roman,Times,serif;font-size:clamp(34px,3.5vw,53px);color:#102a40;margin:0 0 12px;font-weight:700;line-height:1.15}.cct-auth-intro{color:#536a80;font-size:18px;line-height:1.5;margin:0 0 38px}.cct-auth-helper{font-size:15px;line-height:1.5;color:#64778a;margin:0 0 18px}.cct-auth-label{display:block;font-size:17px;font-weight:700;color:#253d53;margin:0 0 10px}.cct-auth-input-wrap{height:62px;display:flex;align-items:center;gap:15px;padding:0 17px;border:1px solid #cfdae6;border-radius:10px;color:#6c8195;margin-bottom:27px;background:#fff;transition:border-color .15s,box-shadow .15s}.cct-auth-input-wrap:focus-within{border-color:#16816e;box-shadow:0 0 0 3px #16816e1f}.cct-auth-input-wrap input{font-family:Times New Roman,Times,serif;border:0;outline:0;min-width:0;width:100%;height:100%;font-size:17px;background:transparent;color:#173149}.cct-auth-input-wrap input::placeholder{color:#8c9fb2}.cct-auth-visibility{border:0;background:transparent;color:#6b8095;padding:6px;display:grid;place-items:center;border-radius:6px;flex-shrink:0}.cct-auth-visibility:hover{background:#eff5f7}.cct-auth-tools{display:flex;justify-content:flex-end;margin:-5px 0 24px}.cct-auth-link,.cct-auth-back{border:0;background:transparent;color:#087c69;font-size:16px;padding:7px 0;cursor:pointer}.cct-auth-link:hover,.cct-auth-back:hover{text-decoration:underline}.cct-auth-submit{min-height:65px;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:#168270;color:#fff;border:0;border-radius:10px;font-size:21px;font-weight:700;box-shadow:0 5px 14px #167a6a18;cursor:pointer}.cct-auth-submit:hover:not(:disabled){background:#0e705f}.cct-auth-submit:disabled{opacity:.6;cursor:not-allowed}.cct-auth-back{align-self:center;margin-top:14px}.cct-auth-security{display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid #e3eaf0;margin-top:39px;padding-top:30px;color:#7b8da0;font-size:16px}.cct-auth-error{padding:11px 13px;background:#fff2f0;border:1px solid #f8c9c2;border-radius:8px;color:#aa2a21;font-size:14px}.cct-auth-notice{padding:11px 13px;background:#eaf7f1;border:1px solid #bde4d2;border-radius:8px;color:#11684e;font-size:14px}@media(max-width:900px){.cct-auth-shell{grid-template-columns:1fr;min-height:0;max-width:620px}.cct-auth-brand{padding:36px 25px}.cct-auth-brand-inner{gap:12px}.cct-auth-logo{max-width:340px}.cct-auth-brand h1{font-size:15px}.cct-auth-form-panel{padding:40px 30px}.cct-auth-intro{margin-bottom:27px}}@media(max-width:480px){.cct-auth-page{padding:10px}.cct-auth-shell{border-radius:14px}.cct-auth-brand{padding:26px 20px}.cct-auth-logo{max-width:270px}.cct-auth-brand h1{font-size:12px;letter-spacing:.18em}.cct-auth-form-panel{padding:30px 22px}.cct-auth-form h2{font-size:34px}.cct-auth-intro{font-size:15px}.cct-auth-input-wrap{height:55px;margin-bottom:20px}.cct-auth-submit{min-height:56px}.cct-auth-security{margin-top:24px;padding-top:20px}}:root{color-scheme:dark;--cct-bg:#17191c;--cct-surface:#222529;--cct-raised:#2b2e32;--cct-border:#383b40;--cct-text:#f1f1ed;--cct-muted:#a8aaad;--cct-accent:#f4c900;font-family:DM Sans,Arial,sans-serif;color:var(--cct-text);background:var(--cct-bg)}body{background:var(--cct-bg)}button,input,select,textarea{font-family:inherit}button{transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #f4ce32;outline-offset:4px}input::placeholder,textarea::placeholder{color:#85889d}::selection{background:#6c58c2;color:#fff}*{scrollbar-width:thin;scrollbar-color:#454657 #171820}.sidebar{background:#1b1d20;border-right:1px solid var(--cct-border);padding-top:26px}.brand,.cct-brand{border-color:var(--cct-border)}.cct-brand-subtitle{color:#afb0c3}.company-switch,.cct-clock{background:linear-gradient(120deg,#242333,#1d1e28);border-color:#363349;border-radius:13px}.cct-clock-icon,.company-icon{background:#3c3930;color:#e3ce72}.cct-clock-label{color:#c3b472}.cct-clock-date{color:#9b9db1}.nav-label{color:#787b91;font-size:9px;letter-spacing:1.7px}.sidebar nav{gap:7px}.nav-item{color:#afb0b1;padding:12px 14px;border-radius:10px}.nav-item svg{color:#929497}.nav-item:hover{background:#303236;color:#fff}.nav-item.active{background:#f4c900;color:#252411;box-shadow:0 4px 18px #f4c90012}.nav-count{background:#3c3c35;color:#e8deab}.nav-item.active .nav-count{background:#a98d1d;color:#fff}.user-profile{border-color:var(--cct-border)}.profile-info span{color:#a8aaad}.avatar,.avatar-admin{background:#3a3931;color:#ddd5b4}.sidebar .icon-button:hover{background:#343044}.topbar{background:#1b1d20ef;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-color:var(--cct-border)}.breadcrumb{color:#9092a8}.breadcrumb b{color:#e8e6f4}.date-chip{color:#b0b1c4;border-color:#343543}.date-chip svg,.notification-button{color:#b2adc9}.icon-button:hover{background:#2c2c3a;color:#eae5ff}.content{padding-top:36px}.eyebrow{color:#c1b16d;letter-spacing:1.7px;font-size:9px}.page-heading h1{font-size:27px;color:#f3f2fa;font-weight:700}.page-heading p{color:var(--cct-muted)}.page-heading{margin-bottom:26px}.btn{border-radius:9px;padding:10px 14px}.btn-primary{background:#f4c900;color:#242213;box-shadow:0 4px 14px #f4c90012}.btn-primary:hover{background:#ffda36}.btn-primary:disabled{opacity:.45}.btn-secondary{background:#24252f;color:#cfcede;border-color:#3a3b4b}.btn-secondary:hover{background:#30303f;border-color:#6e638e}.text-link{color:#e6c952}.text-link:hover{color:#ffe17a}.demo-banner{background:#24211b;border-color:#4b4030;color:#c9ad75;padding:11px 14px}.demo-banner>div{background:#3c3020}.demo-banner p b{color:#d8be8d}.demo-banner p span{color:#b2a083}.demo-banner button{color:#d8be8d}.stats-grid{gap:18px}.stat-card,.panel{background:var(--cct-surface);border-color:var(--cct-border);border-radius:15px;box-shadow:0 8px 28px #0000000c}.stat-card{padding:22px;transition:border-color .2s,transform .2s}.stat-card:hover{border-color:#625681;transform:translateY(-2px)}.stat-label{color:#b0afc4}.stat-value{color:#f4f2ff;font-size:30px}.stat-foot{border-color:#2d2d3c}.stat-trend{color:#d8c269}.stat-period{color:#85869d}.stat-icon.blue{background:#26334c;color:#91baff}.stat-icon.green{background:#253b34;color:#8ad7af}.stat-icon.orange{background:#403524;color:#e9c67e}.stat-icon.purple{background:#3c3829;color:#eed775}.panel-title{padding:22px}.panel-title h2{color:#ecebf5;font-size:14px}.panel-title p{color:#9295ac}.panel+.panel{margin-top:20px}thead{background:#20212b}th{color:#a2a2bb;border-color:#30313e;font-size:9px}td{color:#c2c2d4;border-color:#2a2b38;padding-top:17px;padding-bottom:17px}tbody tr:hover{background:#20212b}.person-cell b,.site-cell b,.doc-cell b,.mileage-info b,.mileage-right>b,.report-info b,.upload-info b{color:#e6e3f1}.site-cell span,.time-cell,.mileage-info span,.mileage-info small,.report-info span,.upload-info span,.report-time{color:#9295ab}.status-pill{border-radius:6px}.status-pill.success{background:#223b32;color:#9cdbb8}.status-pill.warning{background:#413522;color:#eccb8c}.status-pill.info{background:#273450;color:#a4c1ff}.status-pill.neutral{background:#30303f;color:#b3b5cc}.plate{background:#292936;color:#e3dff3;border-color:#434152}.file-icon{background:#2e3450;color:#b1bcff}.excel-icon,.vehicle-icon{background:#273d36;color:#a0d9be}.mileage-row,.report-row,.upload-row,.full-link{border-color:#2d2e3c}.search-box{background:#20212b;border-color:#3a3b4b;color:#c0bdd9}.search-box input{color:#e5e2f2;background:transparent}.toolbar{border-color:var(--cct-border)}.btn-filter{background:#252630;color:#cbcbca;border-color:#3a3b4b}.document-category{background:#23242e;color:#b7b6cc;border-color:#393a4a}.document-category.active{background:#f4c900;color:#201932;border-color:#f4c900}.footer{color:#83869d;border-color:var(--cct-border)}.footer span{color:#83869d}.footer svg{color:#b6aaff}.modal-backdrop{background:#090a11bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{background:#1c1d27;border:1px solid #3a374d;border-radius:18px;box-shadow:0 35px 110px #0009;color:var(--cct-text)}.modal-head,.modal-foot{border-color:#353442}.modal-head h2,.account-section-title{color:#f0edf9}.modal-head p,.modal-foot,.field-hint{color:#a4a3bb}.form-fields label{color:#d6d2e8}.form-fields input,.form-fields textarea,.form-fields select,.app-shell input:not([type=checkbox]),.app-shell textarea,.app-shell select{background:#14151e;color:#e3e0f1;border-color:#3d3c50;border-radius:8px}.form-fields input:focus,.form-fields textarea:focus,.form-fields select:focus{border-color:#f4c900;outline:2px solid #f4c90025}.optional-note{background:#28253b;color:#beb0f3}.drop-hint{background:#20212c;border-color:#55506f;color:#b4accd}.account-summary{background:#252432;border-color:#3b374c;color:#e4dcf5}.toast{background:#2c283f;color:#eee7ff;border:1px solid #63537e}.cct-auth-page{background:radial-gradient(ellipse at 14% 12%,#40305a55,transparent 48%),radial-gradient(ellipse at 95% 90%,#4b392130,transparent 45%),#0d0e14;padding:40px;position:relative;isolation:isolate}.cct-auth-shell{width:min(1160px,100%);min-height:690px;background:#222529;grid-template-columns:1.08fr 1fr;border:1px solid #383344;border-radius:26px;box-shadow:0 40px 140px #0008}.cct-auth-brand{background:radial-gradient(ellipse at 45% 35%,#51406b55,transparent 60%),linear-gradient(150deg,#21202d,#11131d);padding:56px 42px;align-content:space-between;min-height:690px}.cct-auth-brand-inner{align-items:flex-start;gap:22px}.cct-auth-logo{width:260px;max-width:100%;filter:none}.cct-auth-gold-line{width:56px;background:#e5ba47;height:3px}.cct-auth-brand h1{font-family:Manrope,Arial,sans-serif;letter-spacing:.19em;font-size:10px;font-weight:600;color:#bfbbce;text-align:left}.cct-auth-brand-message{position:relative;z-index:1;margin-top:150px}.cct-auth-brand-message h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(32px,3.4vw,46px);font-weight:600;line-height:1.22;letter-spacing:-1.6px;margin:0 0 22px;color:#f3effc}.cct-auth-brand-message h2 span{color:#d6b666}.cct-auth-brand-message p{font-size:13px;color:#aaa8be;line-height:1.8;max-width:310px;margin:0}.cct-auth-brand-caption{position:relative;z-index:1;display:flex;gap:9px;align-items:center;margin-top:45px;font-size:10px;color:#b2adc7;letter-spacing:.6px}.cct-auth-brand-caption i{width:6px;height:6px;border-radius:50%;background:#b3a2f1;box-shadow:0 0 14px #b3a2f1}.cct-auth-brand-decor{left:auto;right:-160px;bottom:-120px;width:520px;height:520px;border:1px solid #8c75b74d;box-shadow:0 0 0 45px #8c75b708,0 0 0 90px #8c75b707,0 0 0 135px #8c75b705;transform:rotate(-20deg);pointer-events:none}.cct-auth-form-panel{background:linear-gradient(155deg,#1e1d27,#222529);padding:52px}.cct-auth-form{max-width:380px}.cct-auth-kicker{font-size:10px;letter-spacing:2px;color:#b5a7e4;margin:0 0 20px}.cct-auth-form h2{font-family:Manrope,Arial,sans-serif;font-size:32px;letter-spacing:-1px;color:#f0edf8;font-weight:600;line-height:1.2;margin-bottom:14px}.cct-auth-intro{font-size:13px;color:#aaa7bd;line-height:1.8;margin-bottom:30px}.cct-auth-label{color:#d7d3e4;font-size:12px;font-weight:500;margin-bottom:9px}.cct-auth-input-wrap{height:52px;border:1px solid #444052;background:#15151e;border-radius:9px;color:#a29bb6;margin-bottom:22px;gap:12px}.cct-auth-input-wrap:focus-within{border-color:#b3a0ee;box-shadow:0 0 0 3px #f4c90012}.cct-auth-input-wrap input{font-family:inherit;font-size:13px;color:#eeebf5}.cct-auth-input-wrap input::placeholder{color:#787488}.cct-auth-visibility{color:#a9a1be}.cct-auth-visibility:hover{background:#332c42}.cct-auth-link,.cct-auth-back{color:#c1b2f3;font-size:12px}.cct-auth-submit{min-height:52px;background:#f4c900;color:#211a31;font-size:13px;font-weight:700;box-shadow:0 7px 24px #f4c90015;border-radius:9px}.cct-auth-submit:hover:not(:disabled){background:#c0b0fa;transform:translateY(-1px)}.cct-auth-submit svg{order:2}.cct-auth-helper{color:#aaa4bc;font-size:12px;line-height:1.6}.cct-auth-security{border-color:#363140;color:#9690a9;font-size:11px;gap:7px;margin-top:30px;padding-top:24px}.cct-auth-error{background:#3b222b;border-color:#693544;color:#ffc1ca}.cct-auth-notice{background:#21392f;border-color:#355a48;color:#bbebcb}@media(max-width:1000px){.cct-auth-form-panel{padding:38px}.cct-auth-brand{padding:45px 32px}.cct-auth-brand-message h2{font-size:36px}}@media(max-width:900px){.cct-auth-page{padding:24px}.cct-auth-shell{grid-template-columns:1fr;max-width:560px;min-height:0}.cct-auth-brand{min-height:0;padding:30px}.cct-auth-brand-inner{gap:12px}.cct-auth-logo{width:220px}.cct-auth-brand-message{margin-top:28px}.cct-auth-brand-message h2{font-size:28px;letter-spacing:-.7px;margin-bottom:12px}.cct-auth-brand-message p,.cct-auth-brand-caption{display:none}.cct-auth-form-panel{padding:34px}.cct-auth-form{max-width:none}.cct-auth-brand-decor{width:300px;height:300px;right:-100px;bottom:-160px}.panel+.panel{margin-top:16px}}@media(max-width:480px){.cct-auth-page{padding:12px}.cct-auth-shell{border-radius:18px}.cct-auth-brand{padding:24px}.cct-auth-form-panel{padding:26px 24px}.cct-auth-form h2{font-size:28px}.cct-auth-brand-message h2{font-size:25px}.content{padding:22px 16px}.topbar{padding-left:16px;padding-right:16px}.date-chip{font-size:10px}.stat-card{padding:17px}.stat-value{font-size:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.cct-auth-page{color-scheme:light;background:#e4e5e8;color:#353b46;padding:48px 20px;min-height:100svh;overflow-x:hidden}.cct-auth-shell.cct-auth-orb{width:640px;max-width:100%;min-height:640px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:linear-gradient(145deg,#e9eaed,#e1e2e5);border:9px solid #eceef0;border-radius:50%;overflow:visible;box-shadow:22px 22px 48px #bfc1c8,-22px -22px 48px #fff,inset 3px 3px 8px #cdd0d6,inset -3px -3px 8px #fff;padding:52px 84px;position:relative}.cct-auth-orb .cct-auth-brand{display:block;background:none;padding:0;min-height:0;overflow:visible;width:100%;color:#3c424c}.cct-auth-orb .cct-auth-brand-inner{gap:9px;align-items:center}.cct-auth-orb .cct-auth-logo{width:205px;max-width:90%;height:auto;filter:drop-shadow(0 1px 1px #fff)}.cct-auth-orb .cct-auth-gold-line{width:36px;height:2px;background:#d8ad20}.cct-auth-orb .cct-auth-brand h1{color:#6a6e78;font-size:8px;letter-spacing:2.2px;text-align:center}.cct-auth-orb .cct-auth-form-panel{background:none;display:block;padding:21px 0 0;width:100%}.cct-auth-orb .cct-auth-form{width:100%;max-width:350px;margin:auto}.cct-auth-orb .cct-auth-form h2{font-family:Manrope,Arial,sans-serif;font-weight:800;color:#343943;text-align:center;font-size:30px;letter-spacing:-1px;margin:0 0 9px;line-height:1.25}.cct-auth-orb .cct-auth-intro{font-size:12px;color:#626873;text-align:center;line-height:1.6;margin:0 0 23px}.cct-auth-orb .cct-auth-label{font-size:11px;color:#525864;margin:0 0 7px;padding-left:3px;font-weight:600}.cct-auth-orb .cct-auth-input-wrap{height:46px;border:1px solid transparent;border-radius:12px;padding:0 14px;gap:10px;background:#e4e5e8;color:#777e89;box-shadow:inset 5px 5px 9px #c7c9cf,inset -5px -5px 9px #fff;margin-bottom:17px}.cct-auth-orb .cct-auth-input-wrap:focus-within{border-color:#ad8d21;box-shadow:inset 3px 3px 7px #c7c9cf,inset -3px -3px 7px #fff,0 0 0 3px #c9a52522}.cct-auth-orb .cct-auth-input-wrap svg{width:17px;height:17px;flex-shrink:0}.cct-auth-orb .cct-auth-input-wrap input{font-size:12px;color:#303642;font-family:inherit;background:transparent}.cct-auth-orb .cct-auth-input-wrap input::placeholder{color:#727984}.cct-auth-orb .cct-auth-visibility{color:#676e7a}.cct-auth-orb .cct-auth-visibility:hover{background:#d7d9df}.cct-auth-orb .cct-auth-tools{margin:-2px 0 18px}.cct-auth-orb .cct-auth-link,.cct-auth-orb .cct-auth-back{color:#65551b;font-size:11px}.cct-auth-orb .cct-auth-submit{min-height:46px;border-radius:12px;border:1px solid #f4f5f7;background:linear-gradient(135deg,#ececef,#e0e1e5);color:#3a4049;font-size:12px;letter-spacing:.5px;box-shadow:6px 6px 12px #c4c6cd,-6px -6px 12px #fff}.cct-auth-orb .cct-auth-submit:hover:not(:disabled){background:#e8d48a;color:#403514;transform:translateY(-1px);border-color:#f1e4b4}.cct-auth-orb .cct-auth-submit:active:not(:disabled){transform:none;box-shadow:inset 4px 4px 8px #c4c6cd,inset -4px -4px 8px #fff}.cct-auth-orb .cct-auth-submit:disabled{opacity:.55}.cct-auth-orb .cct-auth-security{border:0;margin-top:22px;padding-top:0;font-size:10px;color:#656b76}.cct-auth-orb .cct-auth-security svg{color:#887326;width:14px}.cct-auth-orb .cct-auth-helper{font-size:11px;color:#606774;line-height:1.6}.cct-auth-orb .cct-auth-error{background:#f8e4e4;border-color:#d9a5a5;color:#8f2525;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.cct-auth-orb .cct-auth-notice{background:#dfefe5;border-color:#9fc3ad;color:#245b38;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.cct-auth-orb :focus-visible{outline-color:#8d7017}.cct-auth-shell.cct-auth-orb-expanded{border-radius:210px;min-height:740px;padding-top:48px;padding-bottom:48px}@media(max-width:680px){.cct-auth-page{padding:32px 18px}.cct-auth-shell.cct-auth-orb{width:540px;min-height:560px;border-width:6px;padding:42px 48px;box-shadow:12px 12px 28px #c0c2c9,-12px -12px 28px #fff,inset 2px 2px 5px #cdd0d6,inset -2px -2px 5px #fff}.cct-auth-orb .cct-auth-form-panel{padding-top:18px}.cct-auth-orb .cct-auth-form h2{font-size:27px}.cct-auth-shell.cct-auth-orb-expanded{border-radius:130px;min-height:0}}@media(max-width:430px){.cct-auth-page{padding:28px 16px}.cct-auth-shell.cct-auth-orb{border-radius:140px;min-height:540px;padding:36px 26px}.cct-auth-orb .cct-auth-logo{width:180px}.cct-auth-orb .cct-auth-intro{font-size:11px}.cct-auth-orb .cct-auth-form h2{font-size:25px}.cct-auth-shell.cct-auth-orb-expanded{border-radius:100px;padding-top:38px;padding-bottom:38px}.cct-auth-orb .cct-auth-form-panel{padding-top:17px}}@media(forced-colors:active){.cct-auth-shell.cct-auth-orb,.cct-auth-orb .cct-auth-input-wrap,.cct-auth-orb .cct-auth-submit{border:1px solid CanvasText}}.cct-auth-page{background:radial-gradient(ellipse at 9% 15%,rgba(166,143,211,.28),transparent 57%),radial-gradient(ellipse at 93% 87%,rgba(240,211,118,.27),transparent 57%),linear-gradient(135deg,#e8e3f0,#ecebed 51%,#f0ecdf);background-attachment:fixed}.cct-auth-orb .cct-auth-input-wrap{position:relative;isolation:isolate;overflow:hidden}.cct-auth-orb .cct-auth-input-wrap input{box-shadow:none;background:transparent;border-radius:0;min-width:0;flex:1 1 0%;padding:0;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.cct-auth-orb .cct-auth-input-wrap input:-webkit-autofill,.cct-auth-orb .cct-auth-input-wrap input:-webkit-autofill:hover,.cct-auth-orb .cct-auth-input-wrap input:-webkit-autofill:focus,.cct-auth-orb .cct-auth-input-wrap input:-webkit-autofill:active{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#303642;caret-color:#303642;-webkit-box-shadow:none!important;box-shadow:none!important;background-color:transparent!important}.cct-auth-orb .cct-auth-input-wrap input:autofill{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:#303642;caret-color:#303642;box-shadow:none!important}.cct-auth-orb .cct-auth-visibility{flex:0 0 30px;width:30px;height:30px;padding:5px;background:transparent;box-shadow:none}@media(forced-colors:active){.cct-auth-orb .cct-auth-input-wrap input:-webkit-autofill{-webkit-text-fill-color:CanvasText;caret-color:CanvasText}}:root{--cct-bg:#17191c;--cct-surface:#222529;--cct-raised:#2b2e32;--cct-border:#383b40;--cct-text:#f1f1ed;--cct-muted:#a8aaad;--cct-accent:#f4c900}.main-area{background:radial-gradient(ellipse at 100% 0%,#f4c90006,transparent 48%),var(--cct-bg)}.sidebar{background:#1b1d20}.topbar{background:#1b1d20ef}.cct-clock,.company-switch{background:linear-gradient(125deg,#30312e,#25272a);border-color:#444339}.cct-clock-icon{background:#423e28;color:#f4d333}.nav-item.active,.document-category.active{background:#f4c900;color:#272512;border-color:#f4c900}.nav-item.active svg{color:#373318}.btn-primary{background:#f4c900;color:#292612;box-shadow:0 4px 15px #f4c90012}.btn-primary:hover{background:#ffdb36}.stat-card:hover{border-color:#827343}.stat-trend,.text-link{color:#dfc75b}.text-link:hover{color:#ffe17b}.stat-icon.purple{background:#403a25;color:#e8cf6e}.modal{background:#24272b;border-color:#484940}.optional-note{background:#333225;color:#e0d291}.toast{background:#34352e;border-color:#6c6540;color:#f3ecc9}.avatar,.avatar-admin{background:#3b3a30;color:#e8d780}.breadcrumb b,.panel-title h2,.person-cell b,.site-cell b,.doc-cell b{color:#eeeee8}.search-box,.form-fields input,.form-fields textarea,.form-fields select{border-color:#42454a}.btn-secondary{background:#2c2f33;color:#d3d3ce;border-color:#46494d}.btn-secondary:hover{background:#36393b;border-color:#81754b}.document-category{background:#2c2f33;color:#c7c8c4;border-color:#46494d}.eyebrow{color:#b8ab70}.plate{background:#303331;color:#eee8cd;border-color:#515146}.footer svg{color:#c5b55b}.cct-auth-page{color-scheme:dark;color:#ecece6;background:radial-gradient(ellipse at 14% 12%,#f4c9000c,transparent 57%),radial-gradient(ellipse at 92% 88%,#f4c90009,transparent 56%),linear-gradient(135deg,#242629,#191b1e 55%,#272822);background-attachment:fixed}.cct-auth-shell.cct-auth-orb{background:linear-gradient(145deg,#303337,#25282c);border-color:#34373a;box-shadow:22px 22px 48px #101113b3,-18px -18px 42px #ffffff05,inset 3px 3px 8px #17191c,inset -3px -3px 8px #4c4e4d55}.cct-auth-orb .cct-auth-logo{filter:none}.cct-auth-orb .cct-auth-gold-line{background:#f4c900}.cct-auth-orb .cct-auth-brand h1{color:#c2bfae}.cct-auth-orb .cct-auth-form h2{color:#f1f0e8}.cct-auth-orb .cct-auth-intro,.cct-auth-orb .cct-auth-helper{color:#b4b6b7}.cct-auth-orb .cct-auth-label{color:#d3d4ce}.cct-auth-orb .cct-auth-input-wrap{background:#282b2f;color:#b7b4a7;box-shadow:inset 5px 5px 9px #17191c,inset -5px -5px 9px #3e414555}.cct-auth-orb .cct-auth-input-wrap:focus-within{border-color:#c7ab2c;box-shadow:inset 3px 3px 7px #17191c,inset -3px -3px 7px #3e414555,0 0 0 3px #f4c90012}.cct-auth-orb .cct-auth-input-wrap input{color:#efeee5;caret-color:#f4c900}.cct-auth-orb .cct-auth-input-wrap input::placeholder{color:#9a9d9f}.cct-auth-orb .cct-auth-input-wrap input:-webkit-autofill{-webkit-text-fill-color:#efeee5;caret-color:#f4c900}.cct-auth-orb .cct-auth-input-wrap input:-webkit-autofill:hover,.cct-auth-orb .cct-auth-input-wrap input:-webkit-autofill:focus,.cct-auth-orb .cct-auth-input-wrap input:-webkit-autofill:active,.cct-auth-orb .cct-auth-input-wrap input:autofill{-webkit-text-fill-color:#efeee5;caret-color:#f4c900}.cct-auth-orb .cct-auth-visibility{color:#c1c0b6}.cct-auth-orb .cct-auth-visibility:hover{background:#424339}.cct-auth-orb .cct-auth-link,.cct-auth-orb .cct-auth-back{color:#e1cb63}.cct-auth-orb .cct-auth-submit{background:linear-gradient(135deg,#f5d332,#e6bd08);color:#292710;border:1px solid #f6d950;box-shadow:5px 5px 12px #151719,-4px -4px 10px #ffffff05}.cct-auth-orb .cct-auth-submit:hover:not(:disabled){background:#ffdc3d;color:#24220e;border-color:#ffe56e}.cct-auth-orb .cct-auth-submit:active:not(:disabled){box-shadow:inset 3px 3px 7px #b99a15,inset -3px -3px 7px #ffeb75}.cct-auth-orb .cct-auth-security{color:#aeb0aa}.cct-auth-orb .cct-auth-security svg{color:#d5be51}.cct-auth-orb .cct-auth-error{background:#432d2c;border-color:#81524b;color:#ffc7b9}.cct-auth-orb .cct-auth-notice{background:#2b3c31;border-color:#557c5c;color:#c9e5c8}.cct-auth-orb :focus-visible{outline-color:#edcd42}@media(max-width:680px){.cct-auth-shell.cct-auth-orb{box-shadow:12px 12px 28px #101113b3,-12px -12px 28px #ffffff05,inset 2px 2px 5px #17191c,inset -2px -2px 5px #4c4e4d55}}@media(forced-colors:active){.cct-auth-orb .cct-auth-input-wrap input:-webkit-autofill,.cct-auth-orb .cct-auth-input-wrap input:autofill{-webkit-text-fill-color:CanvasText;caret-color:CanvasText}}.stats-grid{align-items:stretch}.stat-details{display:grid;gap:10px;margin:14px 0 18px}.stat-details>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.stat-details dt{font-size:11px;color:var(--cct-muted)}.stat-details dd{margin:0;font-family:Manrope,Arial,sans-serif;font-size:22px;line-height:1;font-weight:700;color:var(--cct-text);font-variant-numeric:tabular-nums}.stat-details>div:first-child dd{color:var(--cct-accent)}.stats-grid>.stat-card{display:flex;flex-direction:column}.stats-grid>.stat-card>.stat-foot{margin-top:auto;flex-wrap:wrap;row-gap:7px}.dashboard-summary-note{font-size:11px;line-height:1.7;color:var(--cct-muted);margin:-5px 0 18px}.attendance-panel td{vertical-align:middle}.attendance-panel td>.time-cell{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.attendance-panel td>.time-cell svg{flex-shrink:0}.cct-privacy-notice{font-size:11px;line-height:1.6;color:#c4c5bf;margin:0 0 16px}.cct-privacy-notice summary{cursor:pointer;color:#e1cb63;text-decoration:underline;text-underline-offset:3px}.cct-privacy-content{max-height:230px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#202326;border:1px solid #454740;border-radius:8px;padding:12px;color:#d2d3ce}.cct-privacy-version{font-size:10px;color:#aaada9}.cct-privacy-confirm{margin:0 0 16px;font-size:11px;color:#d1d2cc}.cct-privacy-confirm label{display:flex;align-items:flex-start;gap:9px;cursor:pointer}.cct-privacy-confirm input{accent-color:#f4c900;width:15px;height:15px;margin:2px 0;flex-shrink:0}.cct-privacy-confirm small{display:block;color:#abadab;line-height:1.6;font-size:10px;margin:8px 0 0 24px}.cct-mail{color:var(--cct-text)}.mail-top,.mail-compose-head,.mail-compose-foot{display:flex;align-items:center;justify-content:space-between;gap:14px}.mail-top{margin-bottom:18px}.mail-top h2{margin:0;font-size:18px}.mail-top p{font-size:12px;color:var(--cct-muted);margin:6px 0}.mail-error,.mail-notice{padding:12px 15px;border-radius:9px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.mail-error{background:#402b2a;border:1px solid #725047;color:#ffc4b4}.mail-notice{background:#343324;border:1px solid #615d38;color:#e6d798}.mail-connect{padding:24px;max-width:680px;margin-bottom:20px}.mail-connect h3{margin-top:0}.mail-connect p,.mail-connect small{color:var(--cct-muted);font-size:12px;line-height:1.7}.mail-connect label,.mail-compose label{display:flex;flex-direction:column;gap:8px;font-size:12px;margin-bottom:16px}.mail-connect input,.mail-compose input,.mail-compose textarea{width:100%;padding:11px;border:1px solid var(--cct-border);background:#1b1d20;color:var(--cct-text);border-radius:8px}.mail-connect .heading-actions{margin:16px 0}.mail-layout{display:grid;grid-template-columns:180px minmax(260px,340px) minmax(0,1fr);border:1px solid var(--cct-border);border-radius:15px;background:var(--cct-surface);min-height:660px;overflow:hidden}.mail-folders{padding:16px 10px;background:#1d2023;border-right:1px solid var(--cct-border)}.mail-folder{border:0;border-radius:8px;background:transparent;color:var(--cct-muted);display:flex;align-items:center;gap:10px;width:100%;padding:12px 10px;text-align:left;margin-bottom:5px;font-size:12px}.mail-folder span{overflow-wrap:anywhere}.mail-folder.active{background:#f4c900;color:#282612}.mail-messages{border-right:1px solid var(--cct-border);display:flex;flex-direction:column;min-width:0}.mail-search{display:flex;gap:8px;align-items:center;padding:12px;border-bottom:1px solid var(--cct-border)}.mail-search input{min-width:0;width:100%;background:transparent!important;border:0!important;color:var(--cct-text);font-size:12px;padding:8px}.mail-search>.btn{padding:8px}.mail-message-list{max-height:640px;overflow:auto;flex:1}.mail-message-list>p{font-size:12px;padding:18px;color:var(--cct-muted)}.mail-row{display:flex;flex-direction:column;gap:8px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--cct-border);border-left:3px solid transparent;background:transparent;color:var(--cct-muted);padding:17px 12px;font-size:12px}.mail-row>span:last-child{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row.unread{color:var(--cct-text);border-left-color:#c9ae35}.mail-row.selected{background:#39372c}.mail-row-top{display:flex;flex-direction:column;gap:6px;max-width:100%}.mail-row-top b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row-top small{font-size:10px;font-weight:400;color:var(--cct-muted)}.mail-pagination{display:flex;align-items:center;gap:8px;justify-content:flex-end;padding:10px;border-top:1px solid var(--cct-border);font-size:11px;color:var(--cct-muted)}.mail-pagination>span:first-child{margin-right:auto}.mail-reader{min-width:0;overflow:hidden}.mail-reader-head{padding:22px;border-bottom:1px solid var(--cct-border)}.mail-reader-head h3{margin:0 0 18px;overflow-wrap:anywhere;font-size:17px}.mail-reader-head p{font-size:11px;color:var(--cct-muted);line-height:1.7;margin:5px 0;overflow-wrap:anywhere}.mail-reader-head .heading-actions{margin-top:18px;flex-wrap:wrap}.mail-reader-head .btn{font-size:11px;padding:8px 10px}.mail-empty{display:grid;justify-items:center;align-content:center;min-height:500px;color:var(--cct-muted);font-size:13px;gap:12px}.mail-empty svg{color:#9c8c48}.mail-html{display:block;width:100%;border:0;min-height:480px;background:#fff}.mail-text{padding:24px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8;max-height:650px;overflow:auto}.mail-attachments{padding:20px;border-top:1px solid var(--cct-border);display:flex;flex-wrap:wrap;gap:10px}.mail-attachments h4{width:100%;display:flex;align-items:center;gap:8px;margin:0 0 5px;font-size:12px}.mail-attachments .btn{white-space:normal;overflow-wrap:anywhere;max-width:100%;font-size:11px}.mail-compose-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#08090dbd;display:grid;place-items:center;padding:24px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mail-compose{background:var(--cct-surface);border:1px solid #4c4b40;border-radius:16px;width:min(760px,100%);max-height:92vh;overflow:auto;padding:24px;box-shadow:0 24px 80px #0008}.mail-compose-head{margin-bottom:20px}.mail-compose-head h3{margin:0;font-size:17px}.mail-compose-addresses{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mail-compose textarea{resize:vertical;font-size:13px;line-height:1.65}.mail-compose small{display:block;font-size:10px;color:var(--cct-muted);line-height:1.7;margin-top:15px}.mail-selected-files{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.mail-selected-files .btn{font-size:10px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.mail-folder:focus-visible,.mail-row:focus-visible{outline:2px solid var(--cct-accent);outline-offset:-3px}.cct-mail button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:1250px){.mail-layout{grid-template-columns:150px minmax(230px,300px) minmax(0,1fr)}.mail-reader-head .heading-actions{gap:6px}.mail-reader-head{padding:16px}}@media(max-width:1000px){.mail-layout{grid-template-columns:160px minmax(0,1fr)}.mail-reader{grid-column:1/-1;border-top:1px solid var(--cct-border)}.mail-message-list{max-height:360px}.mail-empty{min-height:160px}}@media(max-width:600px){.mail-top{align-items:flex-start;flex-direction:column}.mail-top .heading-actions{flex-wrap:wrap}.mail-layout{display:block}.mail-folders{display:flex;gap:6px;overflow:auto;border-right:0;border-bottom:1px solid var(--cct-border);padding:10px}.mail-folder{width:auto;flex-shrink:0;margin:0;white-space:nowrap}.mail-messages{border-right:0}.mail-compose-backdrop{padding:10px}.mail-compose{padding:18px}.mail-compose-addresses{grid-template-columns:1fr;gap:0}}.mail-signature-preview{display:flex;flex-direction:column;gap:5px;border-left:3px solid #e7bf08;background:#fff;color:#565c5f;padding:14px 18px;margin:15px 0 20px;font-family:Arial,sans-serif;font-size:12px;overflow-wrap:anywhere}.mail-signature-preview>strong{font-size:16px;color:#34383a}.mail-signature-preview>b{margin-top:7px;color:#404548;font-size:14px}.mail-signature-preview em{color:#a88200;font-style:normal}.mail-signature-preview small{white-space:pre-wrap;line-height:1.5;margin-top:7px;font-size:11px;color:#737779}.mail-signature-choice>label,.mail-signature-options>label{display:flex;align-items:center;gap:9px;flex-direction:row;font-size:12px;cursor:pointer}.mail-signature-choice input[type=checkbox],.mail-signature-options input[type=checkbox]{width:16px;height:16px;flex-shrink:0;accent-color:#f4c900}.mail-signature-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:grid;place-items:center;padding:20px;background:#08090dd0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mail-signature-editor{width:min(560px,100%);max-height:92vh;overflow:auto;background:var(--cct-surface);color:var(--cct-text);border:1px solid #4c4b40;border-radius:16px;padding:24px}.mail-signature-editor form>label{display:flex;flex-direction:column;gap:8px;margin-bottom:15px;font-size:12px}.mail-signature-editor input:not([type=checkbox]),.mail-signature-editor textarea{width:100%;border:1px solid var(--cct-border);border-radius:8px;background:#1b1d20;color:var(--cct-text);padding:11px;font:inherit}.mail-signature-email{color:var(--cct-muted);font-size:12px;overflow-wrap:anywhere}.mail-signature-options{display:grid;gap:12px;margin:20px 0}.mail-top>.heading-actions{flex-wrap:wrap}.mail-image-notice{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:13px 18px;margin:0;background:#343324;border-bottom:1px solid #615d38;color:#e6d798;font-size:11px;line-height:1.6}.mail-image-notice>span{flex:1;min-width:180px}.mail-image-notice .btn{font-size:11px;padding:8px 10px}.mail-compose textarea,.mail-signature-editor textarea,.mail-compose .mail-signature-preview,.mail-signature-editor .mail-signature-preview{font-family:Times New Roman,Times,serif!important;font-size:16px;line-height:1.5}.mail-compose .mail-signature-preview>strong,.mail-signature-editor .mail-signature-preview>strong{font-size:18px}.mail-signature-preview b{font-family:Arial,sans-serif}html{scrollbar-gutter:stable}.content{overflow-anchor:none}.cct-clock-time{font-variant-numeric:tabular-nums}.stat-card:hover{transform:none}.system-management-trigger{display:flex;align-items:center;gap:9px;background:transparent;border:1px solid #62542c;border-radius:8px;color:#d3bd6e;width:100%;padding:11px;margin:12px 0;font-size:11px;text-align:left}.system-management-trigger:hover{background:#393428}.reset-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#060709d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:24px}.reset-panel{width:min(760px,100%);max-height:92vh;overflow:auto;border:1px solid #66512e;border-radius:16px;background:var(--cct-surface);color:var(--cct-text);padding:25px;box-shadow:0 25px 90px #0009}.reset-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.reset-head h2{margin:8px 0 18px;font-size:20px}.reset-warning{display:flex;gap:12px;background:#432b26;border:1px solid #815139;color:#ffd1b5;padding:15px;border-radius:9px;line-height:1.7;font-size:12px}.reset-warning svg{flex-shrink:0;margin-top:3px}.reset-preserved{font-size:12px;line-height:1.8;color:#bdc4b6}.reset-counts{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin:15px 0 22px}.reset-counts>div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--cct-border);padding:10px 0}.reset-counts dt{font-size:11px;color:var(--cct-muted);overflow-wrap:anywhere}.reset-counts dd{margin:0;font-size:15px;color:var(--cct-text);font-weight:600}.reset-actions{display:flex;flex-wrap:wrap;gap:10px}.reset-confirm{display:grid;gap:17px;margin-top:23px;padding-top:20px;border-top:1px solid #66512e}.reset-confirm>label:not(.reset-check){display:flex;flex-direction:column;gap:8px;font-size:12px}.reset-confirm input:not([type=checkbox]){width:100%;padding:12px;border:1px solid #79603b;border-radius:8px;background:#17191c;color:#f6e7cf;letter-spacing:1px}.reset-check{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7}.reset-check input{width:17px;height:17px;accent-color:#d59c3f;flex-shrink:0;margin:3px 0}.reset-delete{background:#b7472d;color:#fff;border:1px solid #c45a3c}.reset-delete:hover:not(:disabled){background:#cb5031}.reset-panel button:disabled{opacity:.45;cursor:not-allowed}.reset-progress{font-size:12px;color:#e7cf74;line-height:1.7}@media(max-width:600px){.reset-backdrop{padding:12px}.reset-panel{padding:18px}.reset-counts{grid-template-columns:1fr}.reset-head h2{font-size:18px}}.restore-file-picker{display:grid;gap:13px;padding:18px;border:1px dashed #6b6340;border-radius:10px;margin:20px 0}.restore-file-picker label{display:grid;gap:10px;font-size:12px}.restore-file-picker input{width:100%;padding:10px;color:var(--cct-text);border:1px solid var(--cct-border);border-radius:8px;background:#1b1d20}.restore-file-picker small{font-size:11px;color:var(--cct-muted);line-height:1.6}.restore-file-picker .btn{justify-self:start}.reset-head{margin-bottom:20px}.main-area,.content,.topbar-left,.breadcrumb,.panel-title>div{min-width:0}.table-wrap{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.modal{max-height:calc(100dvh - 36px);overflow-y:auto;overscroll-behavior:contain}.modal input,.modal select,.modal textarea{min-width:0;max-width:100%}@media(max-width:800px){.sidebar{width:min(280px,calc(100vw - 44px));height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(16px,env(safe-area-inset-bottom))}.sidebar-bottom{padding-top:16px}.topbar-left{flex:1}.breadcrumb{overflow:hidden}.breadcrumb b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{flex-shrink:0}.content{width:100%;padding:20px 14px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.heading-actions{flex-wrap:wrap;min-width:0}.heading-actions .btn{flex:1 1 auto;min-height:40px}.panel-title{flex-wrap:wrap}.panel-title>div{max-width:100%}.panel-title p{overflow-wrap:anywhere}.toolbar{flex-wrap:wrap}.toolbar>input,.toolbar>.search-box{min-width:0;flex:1 1 180px;max-width:100%;width:100%}.toolbar>.btn{flex:0 1 auto}.toolbar input{min-width:0;max-width:100%}.document-categories{display:flex;flex-wrap:wrap;gap:8px}.document-category{min-width:0;flex:1 1 130px}.modal-backdrop,.reset-backdrop,.mail-compose-backdrop,.mail-signature-backdrop{padding:12px;align-items:center}.modal,.reset-panel,.mail-compose,.mail-signature-editor{max-height:calc(100dvh - 24px);max-width:100%;overflow-y:auto;overscroll-behavior:contain}.reset-actions .btn{white-space:normal}.reset-head>div{min-width:0}.reset-warning,.reset-preserved{overflow-wrap:anywhere}.toast{right:12px;bottom:max(12px,env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}.form-fields input,.form-fields select,.form-fields textarea,.mail-compose input,.mail-compose textarea,.mail-connect input,.mail-signature-editor input,.mail-signature-editor textarea,.cct-auth-input-wrap input{font-size:16px!important}.mail-top{align-items:stretch;flex-direction:column}.mail-top>.heading-actions{width:100%}.mail-layout{display:block;min-width:0}.mail-folders{display:flex;overflow-x:auto;gap:6px;border-right:0;border-bottom:1px solid var(--cct-border);max-width:100%}.mail-folder{flex:0 0 auto;width:auto;white-space:nowrap;margin:0}.mail-messages{border-right:0}.mail-message-list{max-height:260px}.mail-reader{border-top:1px solid var(--cct-border)}.mail-reader-head{padding:16px}.mail-html{min-height:360px;height:55dvh}.mail-attachments{padding:14px;gap:8px}.mail-attachments .btn{min-width:0;justify-content:flex-start}.mail-attachments .btn svg{flex-shrink:0}.mail-compose-addresses{grid-template-columns:minmax(0,1fr);gap:0}.mail-compose,.mail-signature-editor{padding:18px}}@media(max-width:480px){.stats-grid{grid-template-columns:minmax(0,1fr)}.stat-details dd{font-size:24px}.stat-details dt{font-size:12px}.topbar{padding:0 12px;gap:6px}.breadcrumb{gap:4px;font-size:10px}.topbar-actions{gap:3px}.page-heading h1{font-size:24px}.page-heading p{overflow-wrap:anywhere}.reset-counts{grid-template-columns:minmax(0,1fr)}.cct-auth-shell.cct-auth-orb{width:100%;max-width:100%;min-height:0;border-radius:36px;padding:30px 22px}.cct-auth-page{padding:20px 12px;min-height:100dvh}.cct-auth-orb .cct-auth-form{width:100%;max-width:100%}.mail-compose-foot{flex-wrap:wrap}.mail-compose-foot .btn{flex:1 1 auto}.restore-file-picker{padding:12px}}.field-reason{white-space:normal;overflow-wrap:anywhere;min-width:180px;max-width:340px;line-height:1.6}.field-hint{display:block}.main-area .search-box{height:40px;min-height:40px;padding:0 12px;gap:9px;background:#1b1d20;border:1px solid var(--cct-border);border-radius:8px;color:var(--cct-muted);box-shadow:none}.main-area .search-box svg{width:17px;height:17px;flex-shrink:0}.main-area .search-box input{display:block;flex:1;width:100%;min-width:0;height:100%;margin:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;outline:none!important;color:var(--cct-text);font-size:12px;line-height:normal;-moz-appearance:none;appearance:none;-webkit-appearance:none}.main-area .search-box input::placeholder{color:#969ba3;opacity:1}.main-area .search-box:focus-within{border-color:#b69d35;box-shadow:0 0 0 3px #f4c9000c}.main-area .search-box:has(input:disabled){opacity:.55}.main-area .full-panel>div:has(>input[placeholder="Belge adı veya açıklama ara"]){display:flex;align-items:center;flex-wrap:wrap;gap:9px!important;margin:0!important;padding:0 20px 17px}.main-area input[placeholder="Belge adı veya açıklama ara"]{flex:1 1 240px!important;width:100%;min-width:0;max-width:400px;height:40px;box-sizing:border-box;border:1px solid var(--cct-border)!important;border-radius:8px!important;padding:0 12px 0 38px!important;background-color:#1b1d20!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%23a8aaad' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:12px center!important;background-size:17px!important;color:var(--cct-text);font-size:12px;line-height:normal;box-shadow:none;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.main-area input[placeholder="Belge adı veya açıklama ara"]::placeholder{color:#969ba3;opacity:1}.main-area input[placeholder="Belge adı veya açıklama ara"]:focus{border-color:#b69d35!important;box-shadow:0 0 0 3px #f4c9000c}.main-area .toolbar{align-items:center;gap:9px}.main-area .toolbar>.btn,.full-panel>div:has(>input[placeholder="Belge adı veya açıklama ara"])>.btn{min-height:40px}@media(max-width:800px){.main-area .full-panel>div:has(>input[placeholder="Belge adı veya açıklama ara"]){padding:0 15px 15px}.main-area .search-box input,.main-area input[placeholder="Belge adı veya açıklama ara"]{font-size:16px!important}.main-area input[placeholder="Belge adı veya açıklama ara"]{max-width:100%}}@keyframes cct-soft-enter{0%{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes cct-dialog-enter{0%{opacity:.5;transform:translateY(6px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:no-preference){.main-area .btn,.main-area .icon-button,.main-area .nav-item,.sidebar .nav-item,.main-area .text-link,.main-area .document-category{transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .1s ease}.main-area .search-box,.main-area input[placeholder="Belge adı veya açıklama ara"]{transition:border-color .15s ease,box-shadow .15s ease}.btn:not(:disabled):active,.icon-button:not(:disabled):active,.nav-item:not(:disabled):active,.document-category:not(:disabled):active{transform:scale(.98)}.content>.page-heading,.content>.panel,.content>.stats-grid,.content>.dashboard-grid{animation:cct-soft-enter .17s ease-out both}.modal,.reset-panel,.mail-compose,.mail-signature-editor{animation:cct-dialog-enter .16s ease-out both}.toast{animation:cct-soft-enter .16s ease-out both}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.btn:not(:disabled):hover{transform:translateY(-1px)}.btn:not(:disabled):active{transform:translateY(0) scale(.98)}}@media(prefers-reduced-motion:reduce){.main-area .btn,.main-area .icon-button,.sidebar .nav-item,.main-area .search-box,.main-area input[placeholder="Belge adı veya açıklama ara"]{transition:none!important}.content>.page-heading,.content>.panel,.content>.stats-grid,.content>.dashboard-grid,.modal,.reset-panel,.mail-compose,.mail-signature-editor,.toast{animation:none!important}}.form-fields button[aria-haspopup=listbox]{min-height:42px;background:#15171e!important;color:var(--cct-text,#f1f1ed)!important;border:1px solid #42454a!important;border-radius:8px!important;gap:12px;box-shadow:none;line-height:1.45}.form-fields button[aria-haspopup=listbox]>span{min-width:0;overflow-wrap:anywhere}.form-fields button[aria-haspopup=listbox]>svg{flex-shrink:0;color:#a8aaad}.form-fields button[aria-haspopup=listbox]:disabled{opacity:1;background:#25282d!important;color:#969ba4!important;border-color:#383b40!important;cursor:not-allowed!important}.form-fields button[aria-haspopup=listbox]:disabled>svg{color:#747b85}.form-fields button[aria-haspopup=listbox]:focus-visible,.form-fields button[aria-haspopup=listbox][aria-expanded=true]{border-color:#b69d35!important;outline:2px solid #f4c90033;outline-offset:1px}.form-fields button[aria-haspopup=listbox]+div{background:#222529!important;color:var(--cct-text,#f1f1ed)!important;border-color:#484b50!important;border-radius:8px!important}.form-fields input[role=combobox]{height:40px;padding:9px 11px!important;background:#15171e!important;color:var(--cct-text,#f1f1ed)!important;border:1px solid #42454a!important;border-radius:6px!important;outline:none;box-shadow:none}.form-fields input[role=combobox]::placeholder{color:#969ba3;opacity:1}.form-fields input[role=combobox]:focus{border-color:#b69d35!important;box-shadow:0 0 0 2px #f4c90014}.form-fields [role=listbox]{scrollbar-color:#555b64 #222529;overscroll-behavior:contain}.form-fields [role=listbox] [role=option]{align-items:center;gap:10px;background:#222529!important;color:#e6e8e9!important;line-height:1.5;overflow-wrap:anywhere}.form-fields [role=listbox] [role=option]>span{min-width:0}.form-fields [role=listbox] [role=option]>svg{flex-shrink:0;color:#f4d333}.form-fields [role=listbox] [role=option][data-highlight=true],.form-fields [role=listbox] [role=option]:hover{background:#373528!important;color:#fff5cb!important}.form-fields [role=listbox] [role=option][aria-selected=true]{color:#ffe176!important;box-shadow:inset 3px 0 #d5b62d}@media(max-width:800px){.form-fields input[role=combobox]{font-size:16px!important}}@media(forced-colors:active){.form-fields button[aria-haspopup=listbox],.form-fields button[aria-haspopup=listbox]:disabled,.form-fields button[aria-haspopup=listbox]+div,.form-fields input[role=combobox],.form-fields [role=listbox] [role=option]{background:Canvas!important;color:CanvasText!important;border-color:ButtonText!important}.form-fields [role=listbox] [role=option][data-highlight=true],.form-fields [role=listbox] [role=option][aria-selected=true]{background:Highlight!important;color:HighlightText!important}}.main-area input[aria-label="Depolamada ara"]{flex:1 1 240px!important;width:100%;min-width:0!important;max-width:400px;height:40px;box-sizing:border-box;padding:0 12px 0 38px!important;border:1px solid var(--cct-border)!important;border-radius:8px!important;background-color:#1b1d20!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%23a8aaad' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E")!important;background-position:12px center!important;background-repeat:no-repeat!important;background-size:17px!important;color:var(--cct-text);font-size:12px;line-height:normal;outline:none!important;box-shadow:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.main-area input[aria-label="Depolamada ara"]::placeholder{color:#969ba3;opacity:1}.main-area input[aria-label="Depolamada ara"]:focus{border-color:#b69d35!important;box-shadow:0 0 0 3px #f4c9000c}.main-area .full-panel>div:has(>input[aria-label="Depolamada ara"]){align-items:center;gap:9px!important}.main-area .full-panel>div:has(>input[aria-label="Depolamada ara"])>.btn{min-height:40px}@media(prefers-reduced-motion:no-preference){.main-area input[aria-label="Depolamada ara"]{transition:border-color .15s ease,box-shadow .15s ease}}@media(max-width:800px){.main-area input[aria-label="Depolamada ara"]{font-size:16px!important;max-width:100%;flex-basis:100%!important}.main-area .full-panel>div:has(>input[aria-label="Depolamada ara"]){padding:15px!important}}@media(forced-colors:active){.main-area input[aria-label="Depolamada ara"]{background-color:Canvas!important;color:CanvasText!important;border-color:ButtonText!important}}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-secondary:disabled:hover{background:#2c2f33;border-color:#46494d;color:#d3d3ce}.person-contact{min-width:0;line-height:1.5}.person-contact>b{display:block;font-size:11px;color:var(--cct-text);font-weight:600}.person-contact>small{display:block;font-size:11px;line-height:1.5;color:#9299a3;white-space:normal;overflow-wrap:anywhere;max-width:260px;margin-top:3px}.person-contact>small[dir=ltr]{text-align:left;font-variant-numeric:tabular-nums;margin-top:2px}.sidebar{height:100dvh;overflow-y:auto;overscroll-behavior:contain}.content{width:100%;max-width:1680px}.mail-reader{min-width:0}.mail-reader-head{overflow-wrap:anywhere}@media(min-width:801px)and (max-width:1550px){.sidebar{width:210px;padding:18px 12px 12px}.main-area{margin-left:210px}.topbar{height:56px;padding:0 22px}.content{padding:22px}.page-heading{margin-bottom:18px}.page-heading h1{font-size:24px}.company-switch{margin:14px 2px 18px}.nav-item{padding:9px 10px;gap:9px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.stat-card{padding:14px 13px 12px}.stat-icon{width:30px;height:30px;margin-bottom:10px}.stat-details{gap:9px;margin:12px 0 14px}.stat-details>div{gap:7px}.stat-details dt{font-size:10px}.stat-details dd{font-size:20px}.stat-foot{flex-wrap:wrap}.panel-title{padding:16px}.toolbar{padding:0 16px 14px;flex-wrap:wrap}th,td{padding:11px 10px}td{white-space:normal;overflow-wrap:anywhere}.person-contact{min-width:100px}.person-contact>small{max-width:190px}td .btn{padding:8px 9px;font-size:11px}.mail-layout{grid-template-columns:140px minmax(210px,260px) minmax(0,1fr);min-height:0}.mail-folder{padding:10px 7px;font-size:11px}.mail-message-list{max-height:calc(100dvh - 260px)}.mail-html{height:clamp(300px,48dvh,600px);min-height:300px}}@media(min-width:1101px)and (max-width:1550px){.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:16px}}@media(min-width:801px)and (max-width:1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mail-layout{grid-template-columns:120px minmax(180px,220px) minmax(0,1fr)}}@media(min-width:801px)and (max-height:800px){.sidebar .cct-brand{padding-top:0;padding-bottom:14px}.company-switch{margin-top:12px;margin-bottom:16px}.sidebar nav{gap:3px}.nav-item{padding-top:8px;padding-bottom:8px}.system-management-trigger{margin:8px 0;padding:9px}.user-profile{padding-top:10px}}