@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:var(--canvas);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-frame{min-height:100vh}.sidebar{color:#f6f6f6;z-index:30;background:#191b1e;flex-direction:column;width:252px;padding:0 14px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;height:84px;margin-bottom:26px;padding:0 10px;display:flex}.brand-mark{background:var(--red);color:#fff;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.brand b{letter-spacing:1.1px;font:800 16px Manrope,sans-serif;display:block}.brand span{color:#9fa2a6;letter-spacing:1px;margin-top:3px;font-size:9px;display:block}.nav-caption{letter-spacing:1.45px;color:#777b80;margin:1px 0 10px;padding:0 14px;font-size:9px;font-weight:700}.side-nav{flex-direction:column;gap:4px;display:flex}.nav-link{color:#b9bcc0;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;height:44px;padding:0 13px;font-weight:500;display:flex;position:relative}.nav-link.active svg{color:#f36a61}.nav-link.active i{background:var(--red);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:-14px}.sidebar-bottom{margin-top:auto}.safe-indicator{color:#93989d;border-top:1px solid #ffffff17;align-items:center;gap:8px;margin-bottom:9px;padding:13px 14px;font-size:11px;display:flex}.safe-dot{background:#54b98d;border-radius:100%;width:7px;height:7px;box-shadow:0 0 0 3px #54b98d1f}.logout{width:100%}.main-area{min-height:100vh;margin-left:252px}.topbar{border-bottom:1px solid var(--line);z-index:15;background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 34px;display:flex;position:sticky;top:0}.breadcrumb{color:#95999e;letter-spacing:.3px;align-items:center;gap:10px;font-size:12px;display:flex}.breadcrumb b{color:#36393d;text-transform:capitalize;font-weight:600}.crumb-divider{color:#d4d6d8}.top-actions{align-items:center;gap:18px;display:flex}.today-date{color:#777c82;text-transform:capitalize;font-size:12px}.icon-button{color:#6e7378;background:0 0;border:0;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.notice-button{border:1px solid var(--line);position:relative}.notice-button:after{content:"";background:var(--red);border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.profile-chip{color:#53575b;background:0 0;border:0;align-items:center;gap:9px;padding:4px 0 4px 4px;display:flex}.avatar{color:#57534f;background:#ececea;border:1px solid #e3e2df;border-radius:10px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.profile-copy{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.profile-copy b{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:11px;overflow:hidden}.profile-copy small{color:#92969a;font-size:10px}.content-wrap{max-width:1600px;margin:0 auto;padding:29px 34px 52px}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:1.4px;color:var(--red);margin:0 0 8px;font-size:10px;font-weight:700}.page-head h1{letter-spacing:-.65px;margin:0;font:700 26px Manrope,sans-serif}.page-head p{color:#868a8f;margin:7px 0 0;font-size:13px}.page-actions{align-items:center;gap:9px;display:flex}.btn{color:#4d5155;background:#fff;border:1px solid #dfe1e3;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover{background:#f7f7f6;border-color:#c9cbcd}.btn-primary{background:var(--red);color:#fff;border-color:var(--red)}.btn-primary:hover{background:var(--red-dark);border-color:var(--red-dark)}.btn-dark{color:#fff;background:#232528;border-color:#232528}.btn-quiet{background:0 0;border-color:#0000}.btn-sm{min-height:31px;padding:0 10px;font-size:11px}.btn:disabled{opacity:.48;cursor:not-allowed}.grid{gap:16px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.metric-card{border:1px solid var(--line);border-radius:var(--radius);min-height:137px;box-shadow:var(--shadow);background:#fff;padding:17px 18px 15px;transition:transform .16s,border-color .16s}.metric-card:hover{border-color:#d5d7da;transform:translateY(-2px)}.metric-head{color:#777d82;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}.metric-icon{color:#5c6064;background:#f1f2f1;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.metric-icon.red{background:var(--red-soft);color:var(--red)}.metric-icon.green{background:var(--green-soft);color:var(--green)}.metric-icon.blue{background:var(--blue-soft);color:var(--blue)}.metric-icon.amber{background:var(--amber-soft);color:var(--amber)}.metric-value{letter-spacing:-.8px;margin:12px 0 3px;font:800 27px Manrope,sans-serif}.section-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.85fr);align-items:start}.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;overflow:hidden}.panel-head{border-bottom:1px solid #eff0f0;justify-content:space-between;align-items:center;gap:15px;padding:17px 19px;display:flex}.panel-title{margin:0;font:700 14px Manrope,sans-serif}.panel-subtitle{color:#909499;margin:4px 0 0;font-size:11px}.panel-body{padding:17px 19px}.text-link{color:var(--red);font-size:11px;font-weight:700}.project-list{flex-direction:column;display:flex}.project-row{border-bottom:1px solid #f0f0ef;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:14px 19px;display:grid}.project-row:last-child{border-bottom:0}.project-name{font-size:12px;font-weight:700}.project-address{color:#92969a;margin-top:4px;font-size:10px}.project-people{color:#666b70;white-space:nowrap;font-size:11px}.project-people b{color:#2d3033}.status{white-space:nowrap;border-radius:100px;align-items:center;gap:6px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.status-planned{color:#5c7286;background:#edf3f7}.status-paused{color:#9b671c;background:#fff2dd}.status-cancelled,.status-review{color:#a84640;background:#fff0ef}.workers-list{flex-direction:column;gap:14px;display:flex}.worker-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.person{align-items:center;gap:10px;min-width:0;display:flex}.person-avatar{color:#65625f;background:#f1f0ee;border:1px solid #e7e7e5;border-radius:10px;flex-shrink:0;place-items:center;width:33px;height:33px;font-size:10px;font-weight:700;display:grid}.person-name{font-size:11px;font-weight:700}.person-meta{color:#92969a;margin-top:3px;font-size:10px}.person-location{color:#777d82;text-align:right;font-size:10px}.person-location b{color:#3e4246;margin-bottom:3px;font-size:11px;display:block}.warning-list{flex-direction:column;gap:10px;display:flex}.warning{background:#fffaf0;border:1px solid #f0e2c8;border-radius:9px;align-items:flex-start;gap:10px;padding:11px 12px;display:flex}.warning-icon{color:#b27a26;margin-top:1px}.warning b{font-size:11px;display:block}.warning span{color:#82817d;margin-top:3px;font-size:10px;line-height:1.4;display:block}.warning-empty{text-align:center;color:#7c8581;place-items:center;gap:8px;padding:23px 10px;font-size:11px;display:grid}.empty-state{text-align:center;color:#8c9195;padding:32px;font-size:12px}.table-tools{border-bottom:1px solid #eff0f0;align-items:center;gap:8px;padding:13px 17px;display:flex}.search-box{color:#888;border:1px solid #e2e4e5;border-radius:8px;align-items:center;gap:8px;min-width:210px;height:35px;padding:0 10px;display:flex}.search-box input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:none;font-size:11px}.select,.input,.textarea{color:#363a3e;background:#fff;border:1px solid #dfe1e3;border-radius:8px;outline:none;width:100%;height:38px;padding:0 11px;font-size:12px}.select:focus,.input:focus,.textarea:focus{border-color:#d8837d;box-shadow:0 0 0 3px #d33a3214}.textarea{resize:vertical;height:auto;min-height:80px;padding:10px 11px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{text-align:left;color:#888d91;text-transform:uppercase;letter-spacing:.8px;background:#fbfbfa;border-bottom:1px solid #eceeed;padding:12px 16px;font-size:9px;font-weight:700}td{color:#575b60;border-bottom:1px solid #f0f1f0;padding:13px 16px;font-size:11px}tbody tr:last-child td{border-bottom:0}.table-primary{color:#2b2f32;font-weight:700}.table-secondary{color:#94989c;margin-top:3px;font-size:10px}.money{font-variant-numeric:tabular-nums;font-weight:600}.tag{color:#777e82;background:#f3f4f4;border-radius:5px;padding:4px 7px;font-size:10px}.toolbar{border-bottom:1px solid #eff0f0;justify-content:space-between;gap:12px;padding:14px 16px;display:flex}.toolbar-group{align-items:center;gap:8px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form-field{flex-direction:column;gap:6px;display:flex}.form-field.full{grid-column:1/-1}.form-field label{color:#64696e;font-size:10px;font-weight:700}.hint{color:#92979a;font-size:10px}.form-error{color:#b72e28;background:#fff3f1;border:1px solid #f3d0cd;border-radius:7px;margin-bottom:12px;padding:9px 11px;font-size:11px}.form-success{color:#287353;background:#edf7f1;border:1px solid #d6ecdf;border-radius:7px;margin-bottom:12px;padding:9px 11px;font-size:11px}.modal-backdrop{z-index:80;background:#12141766;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(620px,100%);max-height:90vh;overflow:auto;box-shadow:0 22px 60px #00000038}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal-head h2{margin:0;font:700 16px Manrope}.modal-content{padding:19px 20px}.modal-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.tabs{border-bottom:1px solid var(--line);gap:3px;padding:0 18px;display:flex}.tab{color:#83888c;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 10px;font-size:11px;font-weight:600}.tab.active{color:var(--red);border-bottom-color:var(--red)}.detail-stats{grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 18px;display:grid}.detail-stat{background:#f7f7f6;border:1px solid #ededeb;border-radius:9px;padding:12px}.detail-stat span{color:#85898d;font-size:9px;display:block}.detail-stat b{margin-top:7px;font:700 16px Manrope;display:block}.alert-banner{color:#923c37;background:#fff7f6;border:1px solid #f0d5d2;border-radius:9px;gap:11px;padding:13px;font-size:11px;line-height:1.45;display:flex}.map-layout{grid-template-columns:minmax(0,1.5fr) minmax(290px,.75fr);gap:14px;display:grid}.map-canvas{background:#eaebe8;border-radius:10px;height:540px;position:relative;overflow:hidden}.map-canvas iframe{filter:grayscale(.65);border:0;width:100%;height:100%}.map-placeholder{text-align:center;color:#72777b;background:linear-gradient(135deg,#e9eae7,#f5f5f3);place-items:center;height:100%;padding:25px;display:grid}.map-placeholder div{max-width:310px}.map-placeholder h3{color:#3d4144;margin:12px 0 7px;font:700 15px Manrope}.map-placeholder p{margin:0;font-size:11px;line-height:1.6}.map-status{box-shadow:var(--shadow);background:#fff;border:1px solid #e3e4e2;border-radius:7px;padding:8px 10px;font-size:10px;position:absolute;top:14px;left:14px}.live-dot{background:#30a276;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.auth-screen{background:#f9f9f8;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-art{color:#fff;background:#191b1e;flex-direction:column;justify-content:space-between;padding:45px 48px;display:flex;position:relative;overflow:hidden}.auth-art:before{content:"";border:1px solid #ffffff14;border-radius:50%;width:520px;height:520px;position:absolute;top:15%;right:-130px;box-shadow:0 0 0 45px #ffffff05,0 0 0 100px #ffffff04}.auth-art:after{content:"";background:radial-gradient(circle at 35% 35%,#d33a3247,#0000 65%);border:1px solid #ffffff1a;border-radius:50%;width:210px;height:210px;position:absolute;top:35%;right:8%}.auth-brand{z-index:1;align-items:center;gap:12px;display:flex}.auth-brand .brand-mark{width:42px;height:42px}.auth-brand b{letter-spacing:1.2px;font:800 17px Manrope}.auth-brand span{color:#9a9da0;letter-spacing:1.3px;margin-top:3px;font-size:9px;display:block}.auth-message{z-index:1;max-width:480px;margin:0 0 45px;position:relative}.auth-message h1{letter-spacing:-1.2px;margin:12px 0 16px;font:700 40px/1.14 Manrope}.auth-message p{color:#aeb1b4;max-width:390px;font-size:13px;line-height:1.7}.auth-message .auth-foot{color:#777b7f;margin-top:31px;font-size:10px}.auth-panel{place-items:center;padding:34px;display:grid}.auth-card h2{margin:0 0 8px;font:700 24px Manrope}.auth-card>p{color:#898e92;margin:0 0 27px;font-size:12px;line-height:1.6}.auth-submit{width:100%;height:42px;margin-top:7px}.auth-bottom{text-align:center;color:#9a9ea1;margin-top:19px;font-size:10px;line-height:1.6}.auth-back{color:#72777b;gap:6px;margin-bottom:30px;font-size:11px;display:inline-flex}.boot{color:#7e8388;justify-content:center;align-items:center;gap:10px;height:100vh;font-size:12px;display:flex}.spinner{border:2px solid #ddd;border-top-color:var(--red);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mobile-menu,.mobile-close,.mobile-scrim,.mobile-nav{display:none}.toast{color:#fff;z-index:100;background:#232629;border-radius:9px;padding:11px 15px;font-size:11px;position:fixed;bottom:22px;right:22px;box-shadow:0 8px 24px #0002}.inline-note{color:#8c9195;font-size:10px}.skeleton{background:linear-gradient(90deg,#eee 25%,#f6f6f5 40%,#eee 60%) 0 0/200%;border-radius:12px;height:90px;animation:1.5s infinite shimmer}@keyframes shimmer{to{background-position-x:-200%}}@media (max-width:1120px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-grid,.map-layout{grid-template-columns:1fr}.map-canvas{height:420px}}@media (max-width:760px){.sidebar{width:270px;transition:transform .2s;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.main-area{margin-left:0;padding-bottom:66px}.topbar{height:60px;padding:0 14px}.content-wrap{padding:23px 15px 32px}.top-actions{gap:7px}.today-date,.profile-copy,.profile-chip>svg{display:none}.profile-chip{padding:0}.profile-chip .avatar{width:32px;height:32px}.mobile-menu{display:grid}.mobile-close{color:#b6b8bb;margin-left:auto;display:grid}.breadcrumb{gap:7px;font-size:10px}.notice-button{width:33px;height:33px}.page-head{flex-direction:column;align-items:flex-start;gap:13px;margin-bottom:19px}.page-head h1{font-size:23px}.page-actions{flex-wrap:wrap;width:100%}.metric-grid{gap:10px}.metric-card{min-height:120px;padding:13px}.metric-value{font-size:24px}.metric-head{font-size:10px}.metric-foot{font-size:9px}.panel-head,.panel-body{padding:14px}.project-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:13px 14px}.project-row .status{grid-area:1/2}.project-people{grid-area:2/1}.section-grid{gap:12px}.table-tools,.toolbar{flex-wrap:wrap}.search-box{width:100%;min-width:100%}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.detail-stats{grid-template-columns:1fr 1fr}.mobile-nav{border-top:1px solid var(--line);z-index:25;height:64px;padding:4px 6px env(safe-area-inset-bottom);background:#fff;justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:#92979b;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:9px;display:flex}.mobile-nav a.active{color:var(--red);font-weight:700}.mobile-scrim{z-index:20;background:#0007;border:0;display:block;position:fixed;inset:0}.auth-screen{grid-template-columns:1fr}.auth-art{display:none}.auth-panel{min-height:100vh;padding:25px}.map-canvas{height:350px}.modal-backdrop{padding:12px}.modal{max-height:94vh}.boot{height:75vh}}.quick-strip{border:1px solid var(--line);color:#777d82;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;padding:13px 16px;font-size:10px;display:flex}.quick-strip span,.quick-strip a{align-items:center;gap:7px;display:flex}.quick-strip a{color:var(--red);font-weight:700}.project-cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.project-card-foot{justify-content:space-between;gap:8px;padding-top:0;display:flex}.table-person{text-align:left;background:0 0;border:0;padding:0}.table-person:hover .table-primary{color:var(--red)}.table-person .person-avatar{flex:0 0 33px}.attendance-actions{flex-wrap:wrap;gap:9px;padding:0 18px 18px;display:flex}.clock-in-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:290px;padding:25px;display:flex}.clock-in-box h2{margin:15px 0 7px;font:700 18px Manrope}.clock-in-box p{color:#8a8f93;max-width:360px;margin:0 0 19px;font-size:11px;line-height:1.55}.clock-in-box .btn{height:43px;padding:0 20px}.project-card{min-width:0}.project-card .panel-head{align-items:flex-start}.project-card .panel-subtitle{line-height:1.55}.project-card .status{margin-right:4px}@media (max-width:760px){.project-cards{grid-template-columns:1fr}.quick-strip{flex-direction:column;align-items:flex-start}}.avatar-image{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.person-avatar:has(.avatar-image){overflow:hidden}.brand{justify-content:center;height:104px;margin-bottom:22px;padding:9px 30px 9px 4px;position:relative}.brand-logo{background:#fff;border-radius:5px;width:100%;max-width:176px;padding:3px;line-height:0;display:block}.brand-logo-image{width:100%;height:auto;display:block}.brand .mobile-close{position:absolute;right:0}.auth-brand-logo{z-index:2;background:#fff;border-radius:5px;width:224px;height:auto;padding:4px;display:block;position:relative}.auth-mobile-logo{display:none}.owner-label{color:#868d92;text-align:center;margin-top:10px;font-size:10px;line-height:1.5}.auth-art:after{background:radial-gradient(circle at 35% 35%,#009edf38,#0000 68%)}.sidebar .nav-link.active svg{color:var(--blue)}@media (max-width:760px){.auth-mobile-logo{background:#fff;border-radius:5px;width:220px;height:auto;margin:0 auto 22px;padding:4px;display:block}}html{scroll-behavior:smooth}button,a,input,select,textarea,.panel,.metric-card,.nav-link,.project-row,.worker-row{transition:color .16s,background-color .16s,border-color .16s,box-shadow .16s,transform .16s,opacity .16s}.sidebar{background:#202226}.sidebar .brand{justify-content:center;padding:8px 14px}.brand-logo{background:#fff;border-radius:7px;padding:5px 8px;line-height:0;display:block}.brand-logo-image{object-fit:contain;width:186px;height:auto}.nav-link:hover{transform:translate(2px)}.main-area{background:var(--canvas)}.topbar{box-shadow:0 1px 4px #16191c06}.content-wrap{animation:.22s both content-enter}.panel{box-shadow:var(--shadow)}.btn{min-height:40px}.btn-primary{background:var(--red);border-color:var(--red);box-shadow:0 3px 8px #c9232d1f}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 14px #c9232d30}.notification-badge{background:var(--red);color:#fff;border:2px solid #fff;border-radius:99px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-weight:800;line-height:1;display:grid;position:absolute;top:-5px;right:-5px}.auth-art:before{border-color:#ffffff17;top:18%;right:-120px}.auth-brand-plate{background:#fff;border-radius:10px;width:min(360px,90%);padding:13px 17px;animation:.45s both fade-up;box-shadow:0 15px 40px #00000026}.auth-brand-logo{object-fit:contain;width:100%;height:auto;display:block}.auth-message{margin-bottom:55px;animation:.55s 50ms both fade-up}.auth-message .eyebrow{letter-spacing:1.7px;font-size:11px}.auth-message h1{letter-spacing:-2px;font-size:clamp(46px,5vw,68px);line-height:.98}.auth-message h1 span{color:#e23a43}.auth-caption{color:#d0d2d4!important;font-size:15px!important}.auth-privacy{color:#b7bbbf;z-index:1;align-items:center;gap:9px;font-size:11px;display:flex;position:relative}.auth-panel{padding:40px;animation:.45s 80ms both fade-up}.auth-card{width:min(450px,100%)}.auth-card h2{letter-spacing:-.7px;font-size:29px}.auth-card .eyebrow{letter-spacing:1.55px;font-size:10px}.auth-subtitle{margin:0 0 30px!important;font-size:14px!important}.auth-card label{font-size:12px}.auth-input{border-color:#d9dcdf;height:50px!important;padding:0 14px!important;font-size:14px!important}.password-field{position:relative}.password-toggle{color:#7c8287;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:7px;right:7px}.auth-submit{border-radius:9px;height:49px!important;margin-top:7px!important;font-size:14px!important}.spinner-light{border-color:#fff #ffffff59 #ffffff59}.auth-links{justify-content:flex-end;margin:-5px 0 18px;display:flex}.auth-bottom{margin-top:24px;font-size:11px}.management-create{margin-bottom:16px}.permission-check{color:#4d5358;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.permission-check input{accent-color:var(--red);width:16px;height:16px}.small-check{white-space:nowrap;font-size:10px}.table-actions{flex-wrap:wrap;align-items:center;gap:6px;min-width:200px;display:flex}.compact-select{width:auto;min-width:110px;height:31px;padding:0 8px;font-size:10px}.employee-filter{max-width:360px;margin:0 0 16px}.file-input{height:auto;min-height:42px;padding:8px}.month-input{width:150px}.report-export{flex-direction:column;gap:10px;display:flex}.report-export .btn{justify-content:flex-start}.report-export p{line-height:1.55}.audit-filters{grid-template-columns:repeat(4,minmax(150px,1fr));align-items:end;display:grid}.audit-id{text-overflow:ellipsis;max-width:155px;font-family:monospace;font-size:10px;overflow:hidden}.audit-json{color:#444;white-space:pre-wrap;background:#f4f5f6;border-radius:7px;max-width:min(480px,70vw);max-height:220px;padding:10px;font-size:10px;overflow:auto}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;margin-bottom:16px}.profile-detail{align-items:flex-start;gap:20px;display:flex}.profile-detail h2{margin:2px 0 5px;font:700 19px Manrope}.profile-detail>div>p{color:#7f858a;margin:0 0 16px}.profile-detail dl{grid-template-columns:140px minmax(0,1fr);gap:9px 12px;margin:0;font-size:11px;display:grid}.profile-detail dt{color:#858b90}.profile-detail dd{overflow-wrap:anywhere;margin:0;font-weight:600}.profile-photo,.profile-photo-placeholder{object-fit:cover;border:1px solid var(--line);background:#f0f1f2;border-radius:15px;flex:0 0 82px;width:82px;height:82px}.profile-photo-placeholder{color:#767b80;place-items:center;font:800 22px Manrope;display:grid}.profile-note{border-bottom:1px solid #eff0f0;padding:12px 0}.profile-note:first-child{padding-top:0}.profile-note p{white-space:pre-wrap;margin:0 0 6px;font-size:12px;line-height:1.5}.profile-note small{color:#878d92;font-size:10px}.profile-documents{margin-bottom:14px}.inline-docs{flex-wrap:wrap;gap:8px;display:flex}.inline-docs .empty-state{width:100%;padding:8px}.spinner{animation:.75s linear infinite spin}@keyframes content-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1000px){.report-grid{grid-template-columns:1fr}.audit-filters{grid-template-columns:repeat(2,minmax(140px,1fr))}.auth-screen{grid-template-columns:minmax(320px,.9fr) minmax(390px,1.1fr)}.auth-art{padding:36px}.auth-brand-plate{width:min(300px,100%)}}@media (max-width:760px){.auth-screen{grid-template-columns:1fr}.auth-art{display:none}.auth-panel{min-height:100vh;padding:28px 20px}.auth-card{max-width:430px}.auth-mobile-brand{margin-bottom:22px;display:block}.auth-mobile-logo{background:#fff;border-radius:6px;width:min(245px,75vw);height:auto;margin:0 auto;padding:5px;display:block}.auth-card h2{font-size:25px}.profile-grid{grid-template-columns:1fr}.profile-detail{gap:14px}.profile-photo,.profile-photo-placeholder{flex-basis:64px;width:64px;height:64px}.profile-detail dl{grid-template-columns:115px minmax(0,1fr)}.audit-filters{grid-template-columns:1fr 1fr}.table-actions{min-width:175px}.table-actions .compact-select{max-width:135px}.month-input{width:100%;max-width:190px}.auth-submit{height:50px!important}.management-create .panel-body{padding:14px}}@media (max-width:430px){.audit-filters{grid-template-columns:1fr}.profile-detail{flex-direction:column}.profile-detail dl{width:100%}.auth-panel{padding:22px 17px}.auth-card h2{font-size:23px}.auth-subtitle{font-size:13px!important}.auth-mobile-logo{width:min(220px,72vw)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.global-search-wrap{position:relative}.global-search-button{border:1px solid var(--line);background:#fff}.global-search-button.active,.global-search-button:hover{color:var(--red);background:var(--red-soft);border-color:#e0a0a3}.global-search-panel{border:1px solid var(--line);z-index:70;background:#fff;border-radius:12px;width:min(410px,100vw - 28px);padding:10px;animation:.14s both fade-up;position:absolute;top:calc(100% + 12px);right:-70px;box-shadow:0 18px 42px #14181c2b}.global-search-input{width:100%;min-width:0;height:41px}.global-search-input input{font-size:12px}.global-search-results{max-height:min(60vh,440px);padding-top:6px;overflow:auto}.search-result{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.search-result-icon{background:var(--red-soft);width:29px;height:29px;color:var(--red);border-radius:8px;flex:0 0 29px;place-items:center;display:grid}.search-result b,.search-result small{text-overflow:ellipsis;white-space:nowrap;max-width:320px;display:block;overflow:hidden}.search-result b{color:#34383c;font-size:11px}.search-result small{color:#888e93;margin-top:3px;font-size:9px}.search-empty{color:#858b90;justify-content:center;align-items:center;gap:8px;padding:20px 8px;font-size:11px;display:flex}.director-finance-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:-4px}.dashboard-activity{margin-top:16px}.dashboard-events{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.dashboard-event{border:1px solid #eef0f0;border-radius:9px;align-items:center;gap:10px;padding:10px;display:flex}.dashboard-event b,.dashboard-event small{display:block}.dashboard-event b{color:#44494d;font-size:10px}.dashboard-event small{color:#8b9195;margin-top:4px;font-size:9px}.salary-inline{align-items:center;gap:5px;margin-top:8px;display:flex}.salary-inline .input{width:106px;min-width:96px;height:31px;padding:0 7px;font-size:10px}.salary-inline .btn{white-space:nowrap}.profile-history{grid-column:1/-1}.archive-filter{white-space:nowrap;margin-left:auto;font-size:10px}@media (max-width:760px){.global-search-panel{right:-84px}.director-finance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-events{grid-template-columns:1fr}.dashboard-activity{margin-top:12px}.archive-filter{margin:0}.salary-inline .input{width:90px;min-width:80px}}@media (max-width:420px){.global-search-panel{right:-54px}.director-finance-grid{grid-template-columns:1fr 1fr}.search-result b{max-width:220px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#202124;--ink-2:#36393d;--muted:#73787e;--muted-2:#989da2;--line:#e3e5e7;--surface:#fff;--canvas:#f4f5f6;--red:#b8202b;--red-dark:#991b25;--red-soft:#fbedee;--green:#4d545a;--green-soft:#eff1f2;--amber:#666d73;--amber-soft:#f0f1f2;--blue:#5b6268;--blue-soft:#eff1f2;--radius:14px;--shadow:0 8px 26px #1a1d200e;--shadow-raised:0 16px 40px #1a1d201a}html{scroll-behavior:smooth;background:var(--canvas)}body{background:var(--canvas);min-width:320px;color:var(--ink);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a,.panel,.metric-card,.nav-link,.icon-button,.search-result,.mobile-nav a{transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s}.app-frame{background:var(--canvas)}.sidebar{background:linear-gradient(#26282b 0%,#1c1e21 100%);border-right:1px solid #ffffff0b;width:256px;padding:0 14px 18px}.brand{border-bottom-color:#ffffff17;height:82px;margin:0 0 25px}.brand-wordmark{letter-spacing:.055em;font-size:22px}.brand-wordmark small{color:#c7c9cc;border-color:#ffffff38}.nav-link{color:#c0c3c6;border-radius:9px;min-height:43px;font-size:13px}.safe-indicator{color:#aeb2b6}.company-owner{color:#858a8f;padding:0 14px 12px;font-size:10px}.main-area{min-width:0;margin-left:256px}.topbar{border-bottom-color:var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;min-width:0;height:70px;padding:0 32px;box-shadow:0 2px 10px #17191c06}.top-actions{gap:12px}.today-date{color:var(--muted);font-size:12px}.icon-button{border-radius:10px;width:38px;height:38px}.icon-button:hover{color:var(--ink);background:#f0f1f2}.notice-button{border-color:var(--line);background:#fff}.notification-badge{background:var(--red);color:#fff;font-weight:700;box-shadow:0 0 0 2px #fff}.page-head{align-items:flex-end;margin-bottom:25px}.page-head p{color:var(--muted);font-size:13px;line-height:1.55}.btn{color:#454a4f;border-color:#dfe2e4;border-radius:9px;min-height:40px;padding:0 15px;font-size:12px}.btn:hover{color:var(--ink);background:#f6f7f8;border-color:#cbd0d4}.btn-primary:hover,.auth-submit:hover{transform:translateY(-1px);box-shadow:0 8px 18px #b8202b33;border-color:var(--red-dark)!important;background:var(--red-dark)!important}.btn-danger{color:var(--red-dark);background:#fff8f8;border-color:#edcdd0}.btn-dark{background:#292b2e;border-color:#292b2e}.metric-grid{gap:15px;margin-bottom:19px}.metric-card{min-width:0;min-height:140px;padding:18px 19px}.metric-icon{color:#53595e;background:#f2f3f4;border:1px solid #e9eaeb;border-radius:10px;width:34px;height:34px}.metric-icon.green,.metric-icon.blue,.metric-icon.amber{color:#555b60;background:#f0f2f3;border-color:#e6e8e9}.metric-value{color:var(--ink);letter-spacing:-.055em;font-size:29px}.metric-foot{color:var(--muted-2);font-size:11px;line-height:1.45}.panel{overflow:hidden}.panel:hover{border-color:#d9dcde}.panel-head{border-bottom-color:#eceeef;padding:18px 20px}.panel-title{color:var(--ink);letter-spacing:-.02em;font-size:15px}.panel-subtitle{color:var(--muted);font-size:11px;line-height:1.5}.panel-body{min-width:0;padding:18px 20px}.section-grid,.map-layout{gap:17px}.status-active,.status-review{background:var(--red-soft);color:var(--red-dark)}.status-planned,.status-paused,.status-completed,.status-cancelled{color:#5d6368;background:#eff1f2}.tag{color:#555b60;background:#f0f1f2}.warning,.warning-empty,.alert-banner{color:#555b60;background:#f5f5f5;border-color:#e5e6e7}.modal,.app-dialog{border-color:#e3e5e7;border-radius:16px;box-shadow:0 24px 72px #0000003d}.modal-head,.modal-foot{border-color:var(--line);background:#fff}.toast{box-shadow:var(--shadow-raised);background:#25272a}.auth-art:before{border-color:#ffffff13;top:18%;right:-185px;box-shadow:0 0 0 44px #ffffff05,0 0 0 94px #ffffff03}.auth-art:after{z-index:-1;background:radial-gradient(circle,#b8202b33,#0000 69%);border-color:#b8202b4d;width:330px;height:330px;top:34%;right:8%}.auth-message{max-width:520px;margin:0 0 58px;animation:.42s ease-out both auth-rise}.auth-accent-line{background:#e04a55;border-radius:99px;width:44px;height:3px;margin-bottom:22px;display:block}.auth-message h1{color:#fff;letter-spacing:-.06em;margin:0 0 18px;font-size:clamp(42px,5.1vw,68px);line-height:1.02}.auth-caption{max-width:390px;color:#c4c7ca!important;font-size:15px!important;line-height:1.65!important}.auth-privacy{color:#b7bbc0;font-size:11px}.auth-panel{background:#f4f5f6;min-width:0;padding:clamp(24px,5vw,68px);animation:.42s ease-out 50ms both auth-rise}.auth-card{background:#fff;border:1px solid #e4e6e8;border-radius:18px;width:min(500px,100%);padding:clamp(26px,3.5vw,42px);box-shadow:0 18px 50px #17191c13}.auth-card h2{color:var(--ink);letter-spacing:-.045em;margin:0 0 9px;font-size:clamp(25px,2.5vw,30px)}.auth-subtitle{color:var(--muted)!important;margin:0 0 28px!important;font-size:13px!important;line-height:1.6!important}.auth-card .form-field{margin-bottom:18px}.auth-card label{color:#464b50;font-size:12px}.auth-input{border-color:#d9dde0;border-radius:9px;height:49px!important;padding:0 14px!important;font-size:14px!important}.password-field .auth-input{padding-right:48px!important}.password-toggle{color:#747a80;border-radius:8px;width:36px;height:36px;top:6px;right:7px}.password-toggle:hover{color:var(--red-dark);background:#f1f2f3}.auth-links{margin:-2px 0 18px}.auth-links .text-link{font-size:12px}.auth-bottom{color:#858b90;margin-top:21px;font-size:11px}.auth-mobile-brand,.auth-mobile-wordmark{display:none}.mobile-nav a{color:#747a80;min-width:0;font-size:10px}@keyframes auth-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1120px){.content-wrap{padding-left:24px;padding-right:24px}.section-grid,.map-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.auth-screen{grid-template-columns:minmax(300px,.86fr) minmax(390px,1.14fr)}.auth-art{padding:34px}.auth-panel{padding:28px}}@media (max-width:820px){.auth-screen{grid-template-columns:minmax(0,1fr)}.auth-art{display:none}.auth-panel{min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom))}.auth-card{max-width:470px}.auth-mobile-brand{text-align:center;margin-bottom:26px;display:block}.auth-mobile-wordmark{color:#242629;letter-spacing:.07em;align-items:baseline;gap:7px;font:800 21px/1.1 Manrope,Arial,sans-serif;display:inline-flex}.auth-mobile-wordmark:after{content:"ERP";border:1px solid var(--red);color:var(--red);letter-spacing:.08em;border-radius:4px;padding:4px 5px;font-size:9px}}@media (max-width:760px){.sidebar{width:270px;transition:transform .22s;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.main-area{padding-bottom:calc(68px + env(safe-area-inset-bottom));margin-left:0}.topbar{height:62px;padding:0 14px}.content-wrap{padding:22px 15px 30px}.top-actions{gap:7px}.today-date,.profile-copy,.profile-chip>svg{display:none}.profile-chip{padding:0}.page-head{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:19px}.page-head h1{font-size:clamp(23px,7vw,28px)}.page-actions{width:100%}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{min-height:122px;padding:13px}.metric-head{align-items:flex-start;gap:7px;font-size:10px}.metric-icon{flex:0 0 30px;width:30px;height:30px}.metric-value{margin-top:11px;font-size:24px}.metric-foot{font-size:9px}.director-finance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-head,.panel-body{padding:14px}.panel-title{font-size:14px}.project-cards{grid-template-columns:minmax(0,1fr)}.project-row{grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:13px 14px}.table-tools,.toolbar{flex-wrap:wrap}.search-box{width:100%;min-width:0}.form-grid{grid-template-columns:minmax(0,1fr)}.form-field.full{grid-column:auto}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}table{min-width:560px}.mobile-nav{height:calc(64px + env(safe-area-inset-bottom));padding:4px 6px env(safe-area-inset-bottom)}.detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.map-canvas{height:350px}.global-search-panel{width:min(390px,100vw - 24px);right:-80px}.modal-backdrop,.app-dialog-backdrop{padding:0}.modal,.app-dialog{border-radius:0}}@media (max-width:420px){.content-wrap{padding-left:12px;padding-right:12px}.director-finance-grid{grid-template-columns:minmax(0,1fr)}.auth-panel{padding-left:15px;padding-right:15px}.auth-card{padding:24px 20px}.profile-detail{flex-direction:column}.profile-detail dl{grid-template-columns:105px minmax(0,1fr);width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.global-search-panel{top:calc(82px + env(safe-area-inset-top));right:max(24px, env(safe-area-inset-right));width:min(420px, calc(100vw - 48px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;display:flex;position:fixed;overflow:hidden}.global-search-input{flex:none}.global-search-results{overscroll-behavior:contain;flex:auto;min-height:0;max-height:none;overflow-y:auto}@media (max-width:760px){.global-search-panel{top:calc(70px + env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));width:min(420px, calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-height:calc(100vh - 82px);max-height:calc(100dvh - 82px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#172437;--ink-2:#34445a;--muted:#68778b;--muted-2:#8b98a7;--line:#dce3ec;--surface:#fff;--canvas:#f3f6fa;--navy:#183557;--navy-dark:#102640;--navy-soft:#eaf0f7;--red:#c52235;--red-dark:#a91c2c;--red-soft:#fff0f2;--green:#18805b;--green-soft:#e8f6ef;--amber:#9a6514;--amber-soft:#fff5df;--blue:#24659d;--blue-soft:#eaf4fc;--radius:15px;--shadow:0 8px 26px #172a430e;--shadow-raised:0 16px 40px #172a431f}html,body{background:var(--canvas);color:var(--ink);font-family:Inter,Segoe UI,system-ui,sans-serif}html{touch-action:pan-x pan-y}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;min-width:320px;overflow-x:hidden}button,input,select,textarea{font-family:inherit}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,.brand-wordmark,.metric-value,.panel-title,.auth-message h1,.auth-card h2{font-family:Manrope,Inter,Segoe UI,system-ui,sans-serif}:focus-visible{outline-offset:3px;outline:3px solid #c522358c}.app-frame,.main-area{background:var(--canvas);min-width:0}.sidebar{background:linear-gradient(#183557 0%,#122a46 100%);border-right:1px solid #0a1c312e;width:260px;padding:0 14px 18px;box-shadow:4px 0 22px #10264014}.brand{border-bottom-color:#ffffff21;min-height:94px;margin:0 0 24px;padding:0 4px 14px}.brand-wordmark{flex:1;align-items:center;min-width:0;display:flex}.ukras-wordmark{object-fit:contain;width:100%;height:auto;display:block}.brand-wordmark .ukras-wordmark{background:#fff;border-radius:9px;max-width:194px;padding:7px 8px}.nav-caption{color:#aab9cb;letter-spacing:.15em;font-size:10px}.side-nav{gap:5px}.nav-link{color:#d1dce9;border-radius:10px;min-height:44px;font-size:13px;transition:background-color .15s,color .15s,transform .15s}.nav-link:hover{color:#fff;background:#ffffff17;transform:translate(2px)}.nav-link.notes-nav-link{border-top:1px solid #ffffff21;height:52px;margin-top:7px;padding-top:8px}.sidebar-bottom{padding-top:12px}.safe-indicator{color:#b8c7d7;border-top-color:#ffffff21}.safe-dot,.live-dot{background:#61c597;box-shadow:0 0 0 3px #61c59729}.company-owner{color:#9eb0c5}.main-area{margin-left:260px}.topbar{border-bottom-color:var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;height:72px;padding:0 clamp(18px,2.8vw,38px);box-shadow:0 2px 14px #172a4309}.today-date,.breadcrumb{color:var(--muted)}.breadcrumb b{color:var(--ink)}.icon-button{color:#51627a;border-radius:12px;width:42px;height:42px}.icon-button:hover{background:var(--navy-soft);color:var(--navy)}.notice-button,.notes-top-button{border:1px solid var(--line);background:#fff}.notice-button:hover,.notes-top-button:hover{border-color:#b8c9dc}.notice-button:after{display:none}.notification-badge{background:var(--red);color:#fff;box-shadow:0 0 0 2px #fff}.profile-chip{color:var(--ink-2)}.profile-chip:hover{color:var(--navy)}.avatar,.person-avatar{color:#314861;background:#eaf0f6;border-color:#dce3eb}.content-wrap{width:100%;max-width:1740px;padding:32px clamp(18px,3vw,46px) 60px}.page-head h1{color:var(--ink);letter-spacing:-.045em;font-size:clamp(25px,2.2vw,34px);line-height:1.13}.page-head p{color:var(--muted);line-height:1.6}.eyebrow{color:var(--red);letter-spacing:.15em;font-size:10px}.page-head .eyebrow{color:var(--red)}.page-actions{flex-wrap:wrap}.btn{color:#34475f;background:#fff;border-color:#d4dde7;border-radius:10px;min-height:42px;font-size:12px;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s}.btn:hover{color:var(--navy);background:#f6f9fc;border-color:#b8c8da;transform:translateY(-1px)}.btn-primary,.auth-submit{box-shadow:0 5px 14px #1835572b;border-color:var(--navy)!important;background:var(--navy)!important;color:#fff!important}.btn-primary:hover,.auth-submit:hover{box-shadow:0 8px 20px #1835573b;border-color:var(--navy-dark)!important;background:var(--navy-dark)!important}.btn-dark{border-color:var(--navy-dark);background:var(--navy-dark);color:#fff}.btn-danger{background:var(--red-soft);color:var(--red-dark);border-color:#f1c5cb}.btn-danger:hover{border-color:var(--red);background:var(--red);color:#fff}.btn-sm{min-height:36px}.metric-grid{gap:16px}.metric-card,.panel{border-color:var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.metric-card{min-width:0;padding:19px 20px}.metric-card:hover{box-shadow:var(--shadow-raised);border-color:#b9c9dc;transform:translateY(-2px)}.metric-head{color:#53647a;font-size:12px}.metric-icon{color:var(--navy);background:#eff4f9;border:1px solid #dfe7ef;border-radius:11px}.metric-icon.red{background:var(--red-soft);color:var(--red);border-color:#f1d0d5}.metric-icon.green{background:var(--green-soft);color:var(--green);border-color:#cce8d9}.metric-icon.blue{background:var(--blue-soft);color:var(--blue);border-color:#d3e6f4}.metric-icon.amber{background:var(--amber-soft);color:var(--amber);border-color:#f0dfb8}.metric-value{color:var(--navy-dark)}.metric-foot{color:var(--muted-2);font-size:11px}.panel-head{border-bottom-color:#e8edf3}.panel-title{color:var(--ink);font-size:15px}.panel-subtitle{color:var(--muted)}.project-row,td,.dashboard-event{border-color:#e8edf3}.project-row:hover,tbody tr:hover{background:#f7f9fc}.project-name,.person-name,.table-primary{color:#20344d}.project-address,.person-meta,.table-secondary{color:var(--muted)}.project-description{color:#596b80;white-space:pre-wrap;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:10px 20px 14px;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.project-detail-description{background:#f8fafc;border:1px solid #e5ebf2;border-radius:12px;margin:18px 0;padding:17px 19px}.project-detail-description h3{color:var(--navy);margin:0 0 8px;font-size:13px}.project-detail-description p{color:#53647a;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.65}.project-description-input{line-height:1.6;min-height:180px!important}.status-active{background:var(--green-soft);color:#176c4d}.status-review,.status-cancelled{background:var(--red-soft);color:var(--red-dark)}.status-planned{background:var(--blue-soft);color:#255f91}.status-paused{background:var(--amber-soft);color:#88580f}.status-completed{color:#4f5d6b;background:#eef1f4}.tag{color:#4e6076;background:#f2f5f8;border:1px solid #e1e7ee}.text-link,.table-person:hover .table-primary{color:var(--red-dark)}.search-box,.input,.select,.textarea{color:var(--ink);background:#fff;border-color:#d5dee8;border-radius:10px}.search-box input::placeholder,.input::placeholder,.textarea::placeholder{color:#94a1b0}.form-field label{color:#3f5269;font-size:12px}.hint,.inline-note{color:var(--muted)}.form-error{color:#8e1b2a;background:#fff0f2;border-color:#f1c8ce}.form-success{background:var(--green-soft);color:#176c4d;border-color:#cde8d9}.form-info{background:var(--blue-soft);color:#245d8c;border-color:#cddff0}.warning,.alert-banner{background:var(--amber-soft);color:#75500e;border-color:#f0dfb8}.empty-state{color:var(--muted);line-height:1.65}.table-tools,.toolbar{border-bottom-color:#e8edf3;gap:10px}.table-scroll{overscroll-behavior-inline:contain;scrollbar-color:#bcc8d5 transparent;max-width:100%}th{color:#53657b;background:#f5f8fb;border-bottom-color:#dfe6ed}td{color:#465970}tbody tr:nth-child(2n){background:#fbfcfd}tbody tr:hover{background:#f2f6fa}.global-search-button.active,.global-search-button:hover{background:var(--navy-soft);color:var(--navy);border-color:#c4d4e5}.search-result:hover{background:#f3f7fb}.search-result-icon{color:var(--navy);background:#eaf0f6}.global-search-panel{background:#fff;border-color:#d8e2ec;border-radius:16px;box-shadow:0 22px 54px #1026402e}.global-search-input{background:#f7f9fc}.modal-backdrop,.app-dialog-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a182a94}.modal,.app-dialog{background:#fff;border-color:#d8e1eb;border-radius:18px;box-shadow:0 28px 80px #091b314d}.modal-head,.modal-foot{background:#fff;border-color:#e4eaf1}.modal-head h2{color:var(--ink);font-size:20px}.modal-content,.dialog-message{color:#43566d}.modal-content .form-field label{color:#3f5269}.modal-content .input,.modal-content .select,.modal-content .textarea{min-height:46px}.app-dialog .btn-danger{border-color:var(--red)!important;background:var(--red)!important;color:#fff!important}.toast{background:var(--navy-dark);color:#fff;box-shadow:var(--shadow-raised);border:1px solid #ffffff1f;border-radius:12px}.dashboard-event{background:#fff}.dashboard-event b{color:#344a64}.dashboard-event small{color:var(--muted)}.dashboard-quick-actions{margin:0 0 18px}.dashboard-quick-action-list{flex-wrap:wrap;gap:10px;display:flex}.dashboard-head-main{gap:18px}.dashboard-logo-plate{width:194px;height:66px;box-shadow:var(--shadow);background:#fff;border-color:#dce5ee;border-radius:13px;flex-basis:194px;padding:9px 12px}.dashboard-logo{filter:none}.dashboard-overview-grid,.dashboard-overview-grid.dashboard-overview-two{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.dashboard-overview-grid.dashboard-overview-one{grid-template-columns:minmax(0,420px)}.auth-screen{background:#f2f5f9;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);min-height:100dvh}.auth-art{isolation:isolate;background:linear-gradient(145deg,#19395e 0%,#102640 100%);padding:clamp(34px,5vw,74px)}.auth-art:after{background:radial-gradient(circle,#c5223533,#0000 70%);border-color:#c5223552}.auth-brand-plate{background:#fff;border-radius:13px;width:min(430px,90%);margin:0 0 clamp(46px,8vh,100px);padding:12px 16px;animation:.45s ease-out both ukras-rise;box-shadow:0 18px 50px #05142633}.auth-brand-plate .ukras-wordmark{width:100%}.auth-message{animation:.45s ease-out 50ms both ukras-rise}.auth-message h1{color:#fff;letter-spacing:-.06em;font-size:clamp(42px,5vw,68px);line-height:1.02}.auth-caption{color:#d5dfeb!important;line-height:1.7!important}.auth-privacy{color:#c0cede}.auth-privacy svg{color:#ff6878}.auth-panel{background:#f2f5f9;justify-content:center;align-items:center;padding:clamp(24px,5vw,68px);display:flex}.auth-card{background:#fff;border:1px solid #dce4ed;border-radius:20px;width:min(500px,100%);padding:clamp(26px,3.5vw,44px);animation:.45s ease-out 80ms both ukras-rise;box-shadow:0 24px 70px #112a471c}.auth-card h2{color:var(--navy-dark);letter-spacing:-.05em;font-size:clamp(25px,2.7vw,32px)}.auth-subtitle{color:var(--muted)!important;line-height:1.65!important}.auth-card label{color:#41546c}.auth-input{border-color:#d4dfe9;border-radius:11px;min-height:50px!important}.auth-input:-webkit-autofill{-webkit-text-fill-color:var(--ink);box-shadow:inset 0 0 0 1000px #f4f7fa}.auth-submit{border-radius:11px;min-height:50px;font-size:14px}.auth-links .text-link{color:var(--navy)}.auth-bottom{color:var(--muted)}.auth-back{color:var(--navy)}.auth-mobile-brand{display:none}.auth-mobile-brand .ukras-wordmark{background:#fff;border-radius:8px;width:min(280px,75vw);margin-inline:auto;padding:5px}.auth-mobile-title{color:var(--navy-dark);letter-spacing:-.04em;margin:11px 0 0;font:800 clamp(19px,5vw,24px)/1.12 Manrope,Inter,system-ui,sans-serif}.mobile-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-top-color:#dce4ed;box-shadow:0 -7px 24px #122a4614}.mobile-nav a{color:#687990;font-size:10px}.mobile-nav a.active{color:var(--navy)}.mobile-scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0816278a}.map-canvas,.map-placeholder{filter:none}.notes-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08162780;justify-content:flex-end;padding:14px;animation:.15s ease-out both notes-fade;display:flex;position:fixed;inset:0}.notes-drawer{background:#fff;border:1px solid #d9e3ed;border-radius:20px;flex-direction:column;width:min(980px,100%);height:min(880px,100%);min-height:0;animation:.19s ease-out both notes-in;display:flex;overflow:hidden;box-shadow:0 28px 80px #0816274d}.notes-drawer-head{background:#fff;border-bottom:1px solid #e5ebf2;flex:none;justify-content:space-between;align-items:center;gap:14px;min-height:78px;padding:13px 22px;display:flex}.notes-title-block{align-items:center;gap:13px;min-width:0;display:flex}.notes-title-block .eyebrow{margin:0 0 4px}.notes-title-block h2{color:var(--ink);margin:0;font:750 19px/1.2 Manrope,Inter,system-ui,sans-serif}.notes-title-icon{background:var(--navy-soft);width:42px;height:42px;color:var(--navy);border-radius:13px;flex:0 0 42px;place-items:center;display:grid}.notes-drawer-body{flex:1;grid-template-columns:minmax(235px,.8fr) minmax(0,1.35fr);min-height:0;display:grid}.notes-list-column{background:#f8fafc;border-right:1px solid #e6ecf2;flex-direction:column;min-width:0;min-height:0;display:flex}.notes-list-tools{border-bottom:1px solid #e6ecf2;flex-direction:column;flex:none;gap:10px;padding:16px;display:flex}.notes-search{background:#fff;width:100%;min-width:0;height:42px}.notes-new-button{width:100%}.notes-list{overscroll-behavior:contain;flex:1;min-height:0;padding:9px;overflow-y:auto}.note-list-item{width:100%;color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;gap:7px;margin:0 0 7px;padding:12px;transition:background-color .14s,border-color .14s,box-shadow .14s;display:flex}.note-list-item:hover{background:#fff;border-color:#dbe5ef}.note-list-item.selected{background:#fff;border-color:#c7d7e7;box-shadow:0 5px 15px #122a460f}.note-list-title{color:var(--navy);align-items:center;gap:7px;display:flex}.note-list-title svg{color:var(--red);flex:none}.note-list-title b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.note-list-excerpt{color:#66778b;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.5}.note-list-item small{color:#8a98a8;font-size:10px}.notes-editor-column{flex-direction:column;min-width:0;min-height:0;padding:22px clamp(18px,2.6vw,32px);display:flex;overflow-y:auto}.notes-editor-head{flex:none;justify-content:space-between;align-items:flex-start;gap:12px;margin:0 0 20px;display:flex}.notes-editor-head .eyebrow{margin:0 0 5px}.notes-editor-head h3{color:var(--navy-dark);margin:0;font:700 20px/1.2 Manrope,Inter,system-ui,sans-serif}.notes-delete-button{color:var(--red-dark)}.notes-delete-button:hover{background:var(--red-soft)}.notes-editor-form{flex-direction:column;flex:1;gap:18px;min-height:0;display:flex}.notes-editor-form .form-field{min-width:0}.notes-editor-form .input{min-height:46px;font-size:14px}.notes-editor-form .textarea{resize:vertical;flex:1;min-height:220px;font-size:14px;line-height:1.65}.notes-content-field{flex-direction:column;flex:1;min-height:0;display:flex}.notes-content-field .textarea{min-height:180px}.notes-editor-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.notes-editor-meta small{color:#75859a;font-size:10px}.notes-important-toggle{color:#53657a;background:#f8fafc;border:1px solid #e4eaf1;border-radius:10px;align-items:center;gap:8px;min-height:38px;padding:7px 11px;font-size:12px;display:inline-flex}.notes-important-toggle:has(input:checked){background:var(--red-soft);color:var(--red-dark);border-color:#f2d0d5}.notes-important-toggle.readonly{cursor:default}.notes-editor-actions{border-top:1px solid #e6ecf2;justify-content:flex-end;gap:9px;padding-top:12px;display:flex}.notes-placeholder{color:#7a899a;text-align:center;flex:1;place-content:center;justify-items:center;gap:10px;min-height:220px;display:grid}.notes-placeholder svg{color:#9aabba}.notes-placeholder p{max-width:250px;margin:0;font-size:12px;line-height:1.6}@keyframes ukras-rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes notes-fade{0%{opacity:0}to{opacity:1}}@keyframes notes-in{0%{opacity:.8;transform:translate(18px)scale(.99)}to{opacity:1;transform:translate(0)scale(1)}}@media (max-width:1100px){.sidebar{width:232px}.main-area{margin-left:232px}.content-wrap{padding-inline:22px}.section-grid,.map-layout{grid-template-columns:minmax(0,1fr)}.notes-drawer{width:min(900px,100%)}}@media (max-width:820px){.auth-screen{grid-template-columns:minmax(300px,.9fr) minmax(390px,1.1fr)}.auth-art{padding:34px}.auth-panel{padding:28px}.dashboard-logo-plate{flex-basis:160px;width:160px;height:60px}}@media (max-width:760px){.sidebar{width:min(310px,86vw)}.main-area{padding-bottom:calc(72px + env(safe-area-inset-bottom));margin-left:0}.topbar{height:62px;padding:0 12px}.content-wrap{padding:22px 14px calc(30px + env(safe-area-inset-bottom))}.top-actions{gap:4px}.today-date{display:none}.icon-button{width:42px;height:42px}.profile-copy,.profile-chip>svg{display:none}.profile-chip{padding:0}.page-head{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.page-head h1{overflow-wrap:anywhere;font-size:clamp(24px,7vw,30px)}.page-actions{width:100%}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{min-height:122px;padding:14px}.metric-head{align-items:flex-start;gap:8px;font-size:10px}.metric-icon{flex:0 0 31px;width:31px;height:31px}.metric-value{font-size:24px}.metric-foot{font-size:10px}.panel-head,.panel-body{padding:15px}.table-tools,.toolbar{flex-wrap:wrap}.search-box{width:100%;min-width:0}.form-grid{grid-template-columns:minmax(0,1fr)}.form-field.full{grid-column:auto}.table-scroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}table{min-width:560px}.project-cards{grid-template-columns:minmax(0,1fr)}.project-description{margin-inline:14px}.project-card .detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-backdrop,.app-dialog-backdrop{padding:0;position:fixed;inset:0;overflow:hidden}.modal,.app-dialog{border:0;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:none}.modal-head{min-height:calc(66px + env(safe-area-inset-top));padding:calc(12px + env(safe-area-inset-top)) 17px 12px}.modal-content{padding:18px 16px calc(20px + env(safe-area-inset-bottom))}.modal-content .form-grid{grid-template-columns:minmax(0,1fr);gap:16px}.modal-foot{padding:11px 15px calc(11px + env(safe-area-inset-bottom))}.modal-foot .btn{flex:1;min-height:46px}.global-search-panel{top:calc(70px + env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:min(440px,calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-height:calc(100dvh - 82px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.mobile-nav{height:calc(68px + env(safe-area-inset-bottom));padding:4px 8px env(safe-area-inset-bottom)}.mobile-nav a{min-width:0;font-size:10px}.auth-screen{grid-template-columns:minmax(0,1fr)}.auth-art{display:none}.auth-panel{min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom))}.auth-card{max-width:480px}.auth-mobile-brand{text-align:center;margin-bottom:24px;display:block}.dashboard-head-main{align-items:flex-start}.dashboard-logo-plate{flex-basis:116px;width:116px;height:56px;padding:7px}.dashboard-overview-grid,.dashboard-overview-grid.dashboard-overview-two,.dashboard-overview-grid.dashboard-overview-one{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-quick-action-list{grid-template-columns:minmax(0,1fr);display:grid}.dashboard-quick-action-list .btn{justify-content:flex-start;width:100%}.notes-overlay{padding:0}.notes-drawer{border:0;border-radius:0;width:100%;height:100dvh;max-height:none}.notes-drawer-head{min-height:calc(70px + env(safe-area-inset-top));padding:calc(11px + env(safe-area-inset-top)) 15px 10px}.notes-drawer-body{grid-template-rows:minmax(170px,34dvh) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.notes-list-column{border-bottom:1px solid #e6ecf2;border-right:0;min-height:0}.notes-list-tools{flex-direction:row;align-items:center;padding:10px 13px}.notes-search{flex:1}.notes-new-button{width:auto;min-height:42px}.notes-list{gap:7px;padding:7px 12px 10px;display:flex;overflow:auto hidden}.note-list-item{width:min(245px,70vw);min-width:min(245px,70vw);min-height:86px;margin:0}.notes-editor-column{padding:16px 15px calc(16px + env(safe-area-inset-bottom))}.notes-editor-head{margin-bottom:14px}.notes-editor-form{gap:13px}.notes-editor-form .textarea{min-height:130px}.notes-content-field .textarea{min-height:110px}.notes-editor-actions{padding-bottom:4px}}@media (max-width:480px){.content-wrap{padding-inline:11px}.top-actions{gap:2px}.notes-top-button,.global-search-button,.notice-button{width:38px;height:38px}.auth-card{padding:25px 20px}.dashboard-head-main{gap:10px}.dashboard-logo-plate{flex-basis:94px;width:94px;height:44px;padding:5px}.dashboard-head-copy h1{font-size:clamp(21px,6.4vw,26px)}.dashboard-overview-grid,.dashboard-overview-grid.dashboard-overview-two,.dashboard-overview-grid.dashboard-overview-one{grid-template-columns:minmax(0,1fr)}.notes-list-tools{gap:7px;padding-inline:9px}.notes-new-button{padding-inline:10px;font-size:11px}.notes-editor-meta{flex-direction:column;align-items:flex-start}.notes-editor-actions{flex-direction:column-reverse}.notes-editor-actions .btn{width:100%}.notes-editor-head h3{font-size:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ukras-blue:#023e8a;--ukras-red:#ff3c47;--brand-blue:var(--ukras-blue);--brand-red:var(--ukras-red);--ink:#333;--ink-2:#555;--muted:#737373;--muted-2:#8a8a8a;--line:#e2e2e2;--surface:#fff;--canvas:#f5f6f8;--navy:var(--brand-blue);--navy-dark:#012e67;--navy-soft:color-mix(in srgb, var(--brand-blue) 14%, #fff);--red:var(--brand-red);--red-dark:var(--brand-red);--red-soft:color-mix(in srgb, var(--brand-red) 12%, #fff);--green:var(--brand-blue);--green-soft:color-mix(in srgb, var(--brand-blue) 14%, #fff);--amber:var(--brand-red);--amber-soft:color-mix(in srgb, var(--brand-red) 12%, #fff);--blue:var(--brand-blue);--blue-soft:color-mix(in srgb, var(--brand-blue) 14%, #fff);--radius:14px;--shadow:0 8px 26px #0000000e;--shadow-raised:0 16px 40px #0000001f}html,body{background:var(--canvas);color:var(--ink)}body{min-width:320px;overflow-x:clip}:focus-visible{outline:3px solid var(--brand-blue);outline-offset:3px}::selection{background:var(--brand-blue);color:#fff}.app-frame,.main-area{background:var(--canvas)}.sidebar{background:#3a3a3a;border-color:#4b4b4b;box-shadow:4px 0 22px #00000014}.brand-mark,.nav-link.active i{background:var(--brand-red)}.nav-link:hover{background:#ffffff1a}.nav-link.active{background:color-mix(in srgb,var(--brand-blue) 12%,#fff)}.topbar,.panel,.metric-card,.auth-card,.global-search-panel,.modal,.app-dialog,.notes-drawer,.notes-workspace{background:#fff}.icon-button:hover,.global-search-button.active,.global-search-button:hover{background:var(--navy-soft);color:var(--ink)}.profile-chip:hover,.text-link,.table-person:hover .table-primary{color:var(--brand-red)}.notification-badge{background:var(--brand-red)!important;border-color:var(--brand-red)!important;color:#fff!important}.btn-primary,.auth-submit{background:var(--brand-blue)!important;border-color:var(--brand-blue)!important;color:#fff!important}.btn-primary:hover,.auth-submit:hover{box-shadow:0 7px 18px color-mix(in srgb,var(--brand-blue) 25%,transparent);background:var(--navy-dark)!important;border-color:var(--navy-dark)!important}.btn-danger{color:var(--brand-red);border-color:color-mix(in srgb,var(--brand-red) 40%,#fff);background:var(--red-soft)}.btn-danger:hover,.app-dialog .btn-danger{background:var(--brand-red)!important;border-color:var(--brand-red)!important;color:#fff!important}.metric-icon,.metric-icon.green,.metric-icon.blue,.metric-icon.amber{border-color:color-mix(in srgb,var(--brand-blue) 36%,#fff);background:var(--navy-soft);color:var(--brand-blue)}.metric-icon.red{border-color:color-mix(in srgb,var(--brand-red) 36%,#fff);background:var(--red-soft)}.metric-value,.project-detail-description h3{color:var(--ink)}.project-detail-description,.project-card,.detail-stat,.tag,.search-result-icon{border-color:var(--line);color:var(--ink-2);background:#f5f5f5}.project-description,.project-detail-description p,.project-name,.person-name,.table-primary,.dashboard-event b{color:var(--ink-2)}.status-active,.status-planned,.status-paused,.status-completed{color:var(--ink-2);background:#f2f2f2}.status-review,.status-cancelled{color:var(--brand-red);background:var(--red-soft)}.search-box,.input,.select,.textarea{color:var(--ink);border-color:#d2d2d2}.search-box:focus-within,.input:focus,.select:focus,.textarea:focus{border-color:var(--brand-blue)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-blue) 35%,transparent)!important}.form-field label{color:var(--ink-2)}.form-error{border-color:color-mix(in srgb,var(--brand-red) 35%,#fff);background:var(--red-soft);color:var(--ink)}.form-success,.form-info,.warning,.alert-banner{border-color:color-mix(in srgb,var(--brand-blue) 35%,#fff);background:var(--blue-soft);color:var(--ink)}.warning-icon{color:var(--ink-2)}.global-search-panel{border-color:var(--line)}.search-result:hover,tbody tr:hover,.project-row:hover{background:#f5f5f5}th{color:var(--ink-2);background:#f2f2f2}td,.project-row{border-color:var(--line);color:var(--ink-2)}.dashboard-logo-plate,.auth-brand-plate{border-color:var(--line);background:#fff}.auth-art{background:#3a3a3a}.auth-message .eyebrow,.auth-privacy svg{color:var(--brand-blue)}.auth-input:focus{border-color:var(--brand-blue)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-blue) 32%,transparent)!important}.dashboard-event{border-color:var(--line);background:#fff}.notes-list-column,.notes-important-toggle{border-color:var(--line);color:var(--ink-2);background:#f2f2f2}.notes-title-icon{background:var(--brand-blue);color:var(--ink)}.note-list-title{color:var(--ink-2)}.note-list-title svg{color:var(--brand-red)}.note-list-excerpt,.note-list-item small,.notes-editor-meta small{color:var(--muted)}.note-list-item:hover,.note-list-item.selected{border-color:var(--brand-blue);box-shadow:var(--shadow);background:#fff}.notes-important-toggle:has(input:checked){border-color:var(--brand-red);background:var(--red-soft);color:var(--ink)}.notes-important-toggle input{accent-color:var(--brand-red)}.toast{z-index:150;color:#fff;background:#3a3a3a}.modal-backdrop,.app-dialog-backdrop{overscroll-behavior:contain;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);inset:var(--ukras-modal-viewport-top,0px) 0 auto!important;height:var(--ukras-modal-viewport-height,100dvh)!important;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))!important;z-index:120!important;background:#0000006b!important;place-items:center!important;display:grid!important;position:fixed!important;overflow:auto!important}.modal,.app-dialog{border:1px solid var(--line);flex-direction:column;min-height:0;animation:.16s ease-out both modal-enter;display:flex;box-shadow:0 24px 72px #0000003d;width:min(820px,100vw - 32px)!important;max-width:820px!important;height:auto!important;max-height:calc(var(--ukras-modal-viewport-height,100dvh) - 32px)!important;border-radius:16px!important;overflow:hidden!important}.modal-head,.modal-foot{border-color:var(--line);background:#fff;flex:none}.modal-content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow-y:auto}.modal-foot{padding-bottom:max(14px,env(safe-area-inset-bottom))}.app-dialog-backdrop{z-index:180!important}.app-dialog{width:min(560px,100vw - 32px)!important}.notes-overlay{z-index:110;inset:var(--ukras-modal-viewport-top,0px) 0 auto;height:var(--ukras-modal-viewport-height,100dvh);background:#00000061;padding:14px}.notes-drawer{max-height:calc(var(--ukras-modal-viewport-height,100dvh) - 28px)}@media (max-width:760px){.modal-backdrop,.app-dialog-backdrop{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;place-items:center!important}.modal,.app-dialog{width:min(620px,100vw - 24px)!important;max-width:620px!important;height:auto!important;max-height:calc(var(--ukras-modal-viewport-height,100dvh) - 24px)!important;border:1px solid var(--line)!important;border-radius:16px!important}.modal-head{min-height:58px;padding:14px 16px}.modal-content{padding:16px}.modal-foot{padding:12px 16px max(12px,env(safe-area-inset-bottom))}.modal-foot .btn{min-height:44px}.notes-overlay{padding:0}.notes-drawer{width:100%;height:var(--ukras-modal-viewport-height,100dvh);border-radius:0;max-height:none}}@media (max-width:480px){.modal-backdrop,.app-dialog-backdrop{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important}.modal,.app-dialog{width:calc(100vw - 16px)!important;max-height:calc(var(--ukras-modal-viewport-height,100dvh) - 16px)!important;border-radius:14px!important}.modal-content .form-grid{grid-template-columns:minmax(0,1fr);gap:14px}.modal-content .form-field.full{grid-column:auto}}@keyframes modal-enter{0%{opacity:0;transform:translateY(6px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.modal,.notes-overlay,.notes-drawer{animation:none!important}}.app-frame,.main-area,.auth-screen,.auth-panel{background:var(--canvas)!important}.sidebar,.auth-art{background:var(--brand-blue)!important;color:#fff!important;border-color:var(--brand-blue)!important}.nav-caption,.safe-indicator,.company-owner{color:#ffffffb8!important}.nav-link{color:#fff!important}.nav-link:hover{color:#fff!important;background:#ffffff24!important}.nav-link.active{color:var(--brand-blue)!important;background:#fff!important}.nav-link.active svg,.sidebar .nav-link.active svg{color:var(--brand-blue)!important}.nav-link.active i{background:var(--brand-blue)!important}.safe-indicator{border-color:#ffffff38!important}.safe-dot{background:var(--brand-red)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-red) 16%,transparent)!important}.auth-art{color:#fff!important}.auth-art:before{border-color:#ffffff29!important;box-shadow:0 0 0 46px #ffffff0a,0 0 0 98px #ffffff08!important}.auth-art:after{border-color:color-mix(in srgb,var(--brand-red) 44%,transparent)!important;background:radial-gradient(circle,var(--red-soft),transparent 70%)!important}.auth-message h1{color:#fff!important}.auth-message p{color:#ffffffc7!important}.auth-message .eyebrow{color:#fff!important}.auth-panel{justify-content:center!important;align-items:center!important}.auth-brand{flex:none;width:min(360px,100%)}.auth-brand .ukras-wordmark{object-fit:contain;width:min(340px,100%);height:auto;max-height:68px;display:block;animation:none!important;transform:none!important}.auth-mobile-brand .ukras-wordmark{animation:none!important;transform:none!important}.status-active{color:var(--brand-blue)!important;background:var(--blue-soft)!important}.status-planned,.status-paused,.status-completed{color:var(--ink-2)!important;background:#f2f2f2!important}.toast{background:var(--brand-red)!important;color:#fff!important}.worker-home-head{align-items:center}.worker-home-head h1{overflow-wrap:anywhere}.worker-payment-panel .table-scroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.worker-payment-table{min-width:620px}.worker-payroll-tabs{border:1px solid var(--line);background:#fff;border-radius:12px;gap:5px;width:fit-content;max-width:100%;margin:0 0 16px;padding:4px;display:flex}.worker-payroll-tabs a{min-height:40px;color:var(--ink-2);border-radius:9px;justify-content:center;align-items:center;padding:0 17px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.worker-payroll-tabs a:hover{background:var(--blue-soft);color:var(--brand-blue)}.worker-payroll-tabs a.active{background:var(--brand-blue);color:#fff}.payroll-home-head{border:1px solid color-mix(in srgb,var(--brand-blue) 40%,#fff);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;align-items:center;padding:17px 20px}.payroll-home-heading{align-items:center;gap:clamp(14px,2.2vw,30px);min-width:0;display:flex}.payroll-home-brand{color:var(--ink);flex:none;align-items:center;gap:9px;display:flex}.payroll-home-brand strong{letter-spacing:.25px;white-space:nowrap;font:800 14px Manrope,sans-serif}.payroll-home-logo{border:1px solid var(--line);background:#fff;border-radius:9px;flex:0 0 88px;place-items:center;width:88px;height:48px;padding:4px 6px;display:grid;overflow:hidden}.payroll-home-logo .ukras-wordmark{object-fit:contain;width:100%;height:auto;max-height:38px;display:block}.payroll-home-head .eyebrow{margin-bottom:4px}.payroll-home-head h1{color:var(--ink);margin:0;font:700 24px Manrope,sans-serif}.payroll-home-head p:not(.eyebrow){color:var(--ink-2);margin:5px 0 0;font-size:12px}.payroll-home-head .page-actions{flex:none}.report-grid,.payroll-home-report-grid{grid-template-columns:minmax(0,1fr)}.payroll-home-report-grid .panel{min-width:0}.payroll-home-report-grid .table-scroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.metric-card{border-top:3px solid var(--brand-blue)}.metric-card:nth-child(2){border-top-color:var(--brand-red)}.metric-card:nth-child(3){border-top-color:var(--brand-blue)}.metric-card:nth-child(4){border-top-color:var(--brand-red)}.modal-content{flex:0 auto!important;min-height:0!important}.app-dialog>form{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.app-dialog>form .modal-content,.app-dialog>.modal-content{min-height:0;overflow-y:auto;flex:0 auto!important}.app-dialog>form .modal-foot,.app-dialog>.modal-foot{flex:none}.password-recovery-screen .auth-brand{width:min(360px,100%)}.password-recovery-screen .auth-brand .ukras-wordmark{width:min(320px,100%);max-height:64px;animation:none!important;transform:none!important}.password-recovery-screen .auth-mobile-brand .ukras-wordmark{width:min(220px,65vw);max-height:44px;margin-inline:auto;animation:none!important;transform:none!important}.login-screen{padding:max(24px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom));place-items:center;grid-template-columns:minmax(0,1fr)!important;display:grid!important}.login-panel{width:100%;min-height:100dvh;padding:24px 0!important}.login-card{width:min(480px,100%);padding:clamp(24px,5vw,42px)}.login-brand{text-align:center;flex-direction:column;align-items:center;gap:10px;margin:0 auto 28px;display:flex}.login-brand .ukras-wordmark{object-fit:contain;width:min(300px,78vw);height:auto;max-height:68px;margin-bottom:4px;display:block;animation:none!important;transform:none!important}.login-brand h1{color:var(--ink);letter-spacing:.04em;margin:0;font:800 20px Manrope,sans-serif}.login-brand .auth-caption{color:var(--ink-2)!important;margin:0!important;font-size:13px!important;line-height:1.5!important}.login-card>h2{text-align:center;margin:0 0 8px}.login-card>.auth-subtitle{text-align:center;margin-bottom:25px!important}.login-card .auth-bottom{justify-content:center;align-items:center;gap:7px;display:flex}.login-card .auth-bottom svg{color:var(--brand-blue);flex:none}.topbar>.top-actions{justify-content:flex-end;margin-left:auto}@media (max-width:480px){.login-screen{padding-left:12px;padding-right:12px}.login-panel{padding:14px 0!important}.login-card{padding:24px 19px}.login-brand{margin-bottom:23px}.login-brand .ukras-wordmark{width:min(260px,76vw);max-height:58px}}.notes-workspace{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-width:0;height:min(760px,100dvh - 174px);min-height:min(480px,100dvh - 174px);box-shadow:var(--shadow);background:#fff;flex-direction:column;display:flex;overflow:hidden}@media (max-width:760px){.notes-workspace{height:max(360px,100dvh - 215px);min-height:360px}.notes-drawer-head{min-height:62px;padding:9px max(13px,env(safe-area-inset-right)) 9px max(13px,env(safe-area-inset-left))}.notes-drawer-body{grid-template-rows:minmax(120px,28%) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.notes-list-column{border-right:0;border-bottom:1px solid var(--line)}.notes-list-tools{flex-direction:row;align-items:center;gap:7px;padding:8px 10px}.notes-search{flex:1}.notes-new-button{width:auto;min-height:40px}.notes-list{gap:7px;padding:7px 10px;display:flex;overflow:auto hidden}.note-list-item{width:min(230px,68vw);min-width:min(230px,68vw);min-height:78px;margin:0}.notes-editor-column{padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.notes-editor-head{margin-bottom:10px}.notes-editor-form{gap:10px}.notes-editor-form .textarea,.notes-content-field .textarea{min-height:96px}}@media (max-width:980px){.payroll-home-head{flex-direction:column;align-items:flex-start}.payroll-home-head .page-actions{flex-wrap:wrap;width:100%}}@media (max-width:640px){.payroll-home-head{gap:14px;padding:14px}.payroll-home-heading{flex-direction:column;align-items:flex-start;gap:11px}.payroll-home-brand{gap:8px}.payroll-home-head h1{font-size:21px}.payroll-home-head .page-actions{align-items:stretch}.payroll-home-head .month-input{width:min(190px,100%)}}@media (max-width:760px){.payroll-home-report-grid .payroll-table{table-layout:fixed;width:100%;display:block}.payroll-home-report-grid .payroll-table thead{display:none}.payroll-home-report-grid .payroll-table tbody{gap:9px;padding:10px;display:grid}.payroll-home-report-grid .payroll-table tbody tr{border:1px solid var(--line);background:#fff;border-radius:10px;min-width:0;padding:8px 12px;display:block}.payroll-home-report-grid .payroll-table tbody td{overflow-wrap:anywhere;white-space:normal;border:0;grid-template-columns:minmax(92px,34%) minmax(0,1fr);gap:9px;min-width:0;padding:8px 0;font-size:11px;display:grid}.payroll-home-report-grid .payroll-table tbody td:before{color:var(--ink-2);font-size:9px;font-weight:700}.payroll-home-report-grid .payroll-table tbody td:first-child:before{content:"Zaposlenik / dogovorena plaća"}.payroll-home-report-grid .payroll-table tbody td:nth-child(2):before{content:"Sati / prekovremeni"}.payroll-home-report-grid .payroll-table tbody td:nth-child(3):before{content:"Obračun"}.payroll-home-report-grid .payroll-table tbody td:nth-child(4):before{content:"Isplaćeno"}.payroll-home-report-grid .payroll-table tbody td:nth-child(5):before{content:"Preostalo"}.payroll-home-report-grid .payroll-table tbody td:nth-child(6):before{content:"Status"}.payroll-home-report-grid .payroll-table tbody td:nth-child(7):before{content:"Radnja"}.payroll-home-report-grid .payroll-table tbody td:first-child{display:block}.payroll-home-report-grid .payroll-table tbody td:first-child:before,.payroll-home-report-grid .payroll-table tbody td[colspan]:before{display:none}.payroll-home-report-grid .payroll-table tbody td[colspan]{display:block}.payroll-home-report-grid .payroll-table .salary-inline{flex-wrap:wrap}}@media (max-width:480px){.metric-card{min-width:0;padding:11px}.metric-value{overflow-wrap:anywhere;font-size:clamp(16px,5vw,22px)}}.dashboard-notes-panel{min-width:0}.dashboard-notes-head{align-items:center}.dashboard-notes-head .toolbar-group{flex-wrap:wrap;justify-content:flex-end}.dashboard-notes-list{overscroll-behavior-x:contain;align-items:stretch;gap:10px;height:230px;min-height:0;max-height:min(230px,45vh);padding:0 18px 10px;display:flex;overflow:auto hidden}.dashboard-note-item{border:1px solid var(--line);width:min(300px,82vw);min-width:min(300px,82vw);height:100%;min-height:0;color:var(--ink);text-align:left;background:#fff;border-radius:12px;flex-direction:column;flex:none;justify-content:flex-start;align-items:stretch;gap:10px;padding:13px;display:flex}.dashboard-note-item:last-child{border-bottom:1px solid var(--line)}.dashboard-note-item:hover{background:var(--navy-soft)}.dashboard-note-copy{flex-direction:column;flex:auto;gap:5px;min-width:0;min-height:0;display:flex;overflow:hidden}.dashboard-note-title{align-items:center;gap:7px;min-width:0;font-size:12px;display:flex}.dashboard-note-title svg{color:var(--red);flex:none}.dashboard-note-title b{text-overflow:ellipsis;overflow:hidden}.dashboard-note-content{min-height:0;color:var(--ink-2);white-space:pre-wrap;overflow-wrap:anywhere;overscroll-behavior:contain;scrollbar-width:thin;flex:auto;font-size:11px;line-height:1.55;overflow:hidden auto}.dashboard-note-date{color:var(--ink-2);white-space:nowrap;flex:none;align-self:flex-start;font-size:10px}.notes-drawer-body.notes-browse-mode{grid-template-columns:minmax(0,1fr)}.notes-browse-mode .notes-list-column{border-right:0}.notes-browse-mode .notes-editor-column{display:none}.notes-drawer-body.notes-browse-mode .notes-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));align-content:start;gap:9px;display:grid;overflow:hidden auto}.notes-drawer-body.notes-browse-mode .note-list-item{min-width:0;height:230px;margin:0}.notes-drawer-body.notes-browse-mode .note-list-excerpt{overscroll-behavior:contain;scrollbar-width:thin;flex:auto;min-height:0;overflow:hidden auto}.notes-list-tools-with-create{flex-direction:row;align-items:center}.notes-list-tools-with-create .notes-search{flex:auto;min-width:0}.notes-list-tools-with-create .notes-new-button{white-space:nowrap;flex:none;min-height:40px}.notes-back-button{margin-bottom:12px}@media (max-width:640px){.dashboard-notes-head{flex-direction:column;align-items:flex-start}.dashboard-notes-head .toolbar-group{justify-content:flex-start;width:100%}.dashboard-notes-list{height:220px;max-height:min(220px,45vh);padding-inline:13px}.dashboard-note-item{gap:8px;padding:11px}}@media (max-width:760px){.notes-drawer-body.notes-browse-mode{grid-template-rows:minmax(0,1fr)}.notes-drawer-body.notes-browse-mode .notes-list{flex-direction:row;align-items:stretch;display:flex;overflow:auto hidden}.notes-drawer-body.notes-browse-mode .note-list-item{flex:none;width:min(280px,82vw);min-width:min(280px,82vw);height:100%;min-height:0}}.dashboard-month-picker{z-index:16;flex:none;align-items:center;gap:5px;display:flex;position:relative}.dashboard-month-year-step{border:1px solid var(--line);width:32px;height:32px;color:var(--ink-2);background:#fff;border-radius:10px;flex:none;place-items:center;display:grid}.dashboard-month-year-step:hover{border-color:var(--brand-blue);background:var(--navy-soft);color:var(--ink)}.dashboard-month-trigger{border:1px solid var(--line);min-width:205px;min-height:44px;color:var(--ink);text-align:left;background:#fff;border-radius:11px;align-items:center;gap:10px;padding:5px 11px;display:flex}.dashboard-month-trigger:hover,.dashboard-month-trigger[aria-expanded=true]{border-color:var(--brand-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-blue) 15%,transparent)}.dashboard-month-trigger>svg:first-child{color:var(--brand-blue);flex:none}.dashboard-month-trigger>svg:last-child{color:var(--ink-2);flex:none;transition:transform .16s}.dashboard-month-trigger>svg.is-open{transform:rotate(180deg)}.dashboard-month-label{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dashboard-month-label small{color:var(--ink-2);letter-spacing:.8px;font-size:8px;font-weight:700}.dashboard-month-label strong{text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;font:700 12px Manrope,sans-serif;overflow:hidden}.dashboard-month-popover{z-index:45;border:1px solid var(--line);background:#fff;border-radius:14px;width:min(320px,100vw - 30px);padding:14px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 46px #14263a2e}.dashboard-month-year{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dashboard-month-year strong{font:750 16px Manrope,sans-serif}.dashboard-month-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.dashboard-month-option{min-width:0;min-height:38px;color:var(--ink-2);text-transform:capitalize;background:0 0;border:1px solid #0000;border-radius:9px;padding:5px;font-size:11px}.dashboard-month-option:hover{border-color:var(--line);background:var(--navy-soft);color:var(--ink)}.dashboard-month-option.selected{border-color:var(--brand-blue);background:var(--brand-blue);color:#fff;font-weight:700}@media (min-width:761px){.notes-list-tools-with-create{gap:8px}.notes-list-tools-with-create .notes-search{flex:1 1 0;width:auto;min-width:0}.notes-list-tools-with-create .notes-new-button{width:auto;min-height:36px;padding-inline:9px;font-size:10px}}@media (max-width:640px){.dashboard-month-picker{min-width:0}.dashboard-month-trigger{flex:auto;min-width:0}}.dashboard-business-metrics>.metric-card{color:inherit;text-decoration:none;display:block}.worker-profile-name{overflow-wrap:anywhere;letter-spacing:-.03em;font-size:clamp(18px,2vw,25px);line-height:1.2}.dashboard-home-layout>*,.dashboard-home-main,.dashboard-home-side,.dashboard-project-copy,.app-frame,.main-area,.content-wrap,.page-head,.page-actions,.panel,.panel-head,.panel-body,.grid,.section-grid,.map-layout,.toolbar,.toolbar-group,.table-tools,.table-scroll,.form-grid,.form-field{min-width:0}.table-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.page-head>:first-child,.panel-head>:first-child,.panel-body>:first-child{max-width:100%}.page-head h1,.page-head p,.panel-title,.panel-subtitle,.metric-head,.metric-value,.project-name,.project-address,.person-name,.person-meta,.table-primary,.table-secondary,.dialog-message{overflow-wrap:anywhere}button,input,select,textarea{max-width:100%}@media (max-width:820px){.sidebar{width:min(310px,86vw);transition:transform .22s;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.main-area{padding-bottom:calc(72px + env(safe-area-inset-bottom));margin-left:0}.mobile-menu,.mobile-close{display:grid}.notice-button{display:none}.mobile-scrim{display:block}.topbar{height:62px;padding-inline:max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right))}.topbar>.breadcrumb{display:none}.top-actions{gap:clamp(2px,1vw,8px);min-width:0;margin-left:auto}.content-wrap{width:100%;padding:22px 16px calc(32px + env(safe-area-inset-bottom))}.mobile-nav{z-index:25;height:calc(68px + env(safe-area-inset-bottom));padding:4px max(8px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px,env(safe-area-inset-left));border-top:1px solid var(--line);background:#fffffff7;justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{flex:1 1 0;min-width:0;min-height:44px}.page-head{flex-direction:column;align-items:flex-start;gap:12px}.page-actions{flex-wrap:wrap;align-items:center;width:100%}.page-actions>*{min-width:0;max-width:100%}.metric-grid,.director-finance-grid,.dashboard-overview-grid,.dashboard-overview-grid.dashboard-overview-two{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-overview-grid.dashboard-overview-one,.section-grid,.map-layout,.report-grid,.project-cards{grid-template-columns:minmax(0,1fr)}.project-row{min-width:0}.form-grid,.audit-filters{grid-template-columns:minmax(0,1fr)}.toolbar,.table-tools,.toolbar-group,.table-actions{flex-wrap:wrap;min-width:0}.search-box{width:100%;min-width:0}.table-scroll>table:not(.payroll-table){min-width:560px}.payroll-home-head{flex-direction:column;align-items:flex-start;gap:14px}.payroll-home-heading{flex-wrap:wrap;min-width:0}.payroll-home-head .page-actions{width:100%}.payroll-home-report-grid{grid-template-columns:minmax(0,1fr)}.payroll-home-report-grid .payroll-table{table-layout:fixed;width:100%;display:block}.payroll-home-report-grid .payroll-table thead{display:none}.payroll-home-report-grid .payroll-table tbody{gap:9px;padding:10px;display:grid}.payroll-home-report-grid .payroll-table tbody tr{border:1px solid var(--line);background:#fff;border-radius:10px;min-width:0;padding:8px 12px;display:block}.payroll-home-report-grid .payroll-table tbody td{overflow-wrap:anywhere;white-space:normal;border:0;grid-template-columns:minmax(92px,34%) minmax(0,1fr);gap:9px;min-width:0;padding:8px 0;display:grid}.payroll-home-report-grid .payroll-table tbody td:before{color:var(--ink-2);font-size:9px;font-weight:700}.payroll-home-report-grid .payroll-table tbody td:first-child:before{content:"Zaposlenik / dogovorena plaća"}.payroll-home-report-grid .payroll-table tbody td:nth-child(2):before{content:"Sati / prekovremeni"}.payroll-home-report-grid .payroll-table tbody td:nth-child(3):before{content:"Obračun"}.payroll-home-report-grid .payroll-table tbody td:nth-child(4):before{content:"Isplaćeno"}.payroll-home-report-grid .payroll-table tbody td:nth-child(5):before{content:"Preostalo"}.payroll-home-report-grid .payroll-table tbody td:nth-child(6):before{content:"Status"}.payroll-home-report-grid .payroll-table tbody td:nth-child(7):before{content:"Radnja"}.payroll-home-report-grid .payroll-table tbody td:first-child{display:block}.payroll-home-report-grid .payroll-table tbody td:first-child:before,.payroll-home-report-grid .payroll-table tbody td[colspan]:before{display:none}.payroll-home-report-grid .payroll-table tbody td[colspan]{display:block}.payroll-home-report-grid .payroll-table .salary-inline{flex-wrap:wrap}.map-canvas{height:clamp(280px,55vh,420px)}.modal-backdrop,.app-dialog-backdrop{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.modal,.app-dialog{width:min(720px,calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-height:calc(var(--ukras-modal-viewport-height,100dvh) - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.modal-content{min-width:0}.notes-workspace{width:100%;max-width:100%}.global-search-panel{right:max(12px,env(safe-area-inset-right));width:min(420px,calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)))}}.mobile-navbar-logo{display:none}@media (max-width:600px){.topbar .mobile-navbar-logo{object-fit:contain;flex:0 auto;width:clamp(116px,44vw,188px);max-width:calc(100vw - 166px);height:auto;display:block}}@media (max-width:480px){.content-wrap{padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}.panel-head,.panel-body{padding:14px}.page-actions{align-items:stretch}.page-actions>.btn{flex:auto}.metric-card{min-width:0;padding:12px}.metric-value{font-size:clamp(18px,6vw,24px)}.table-tools,.toolbar{align-items:stretch}.toolbar-group{width:100%}.toolbar-group>.btn{flex:auto}.table-actions{gap:6px}.table-actions .btn{min-height:40px}.modal-backdrop,.app-dialog-backdrop{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.modal,.app-dialog{width:calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(var(--ukras-modal-viewport-height,100dvh) - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.modal-head{gap:10px;padding:13px 14px}.modal-content{padding:14px}.modal-foot{padding:10px 14px max(10px,env(safe-area-inset-bottom));flex-wrap:wrap;gap:8px}.modal-foot .btn{flex:130px;min-height:44px}.notes-drawer-head{gap:8px}.notes-title-block{gap:9px}.notes-title-block h2{font-size:17px}.notes-list-tools-with-create,.notes-list-tools-with-create .notes-search{min-width:0}.notes-new-button{white-space:nowrap}.payroll-home-head .page-actions>*{flex:140px}.dashboard-notes-head .toolbar-group{width:100%}}@media (max-width:359px){.metric-grid,.director-finance-grid,.dashboard-overview-grid,.dashboard-overview-grid.dashboard-overview-two{grid-template-columns:minmax(0,1fr)}.topbar{padding-inline:8px}.top-actions{gap:0}.top-actions>.icon-button{width:36px;height:36px}.notes-list-tools-with-create .notes-new-button{padding-inline:7px;font-size:10px}}@media (max-height:560px) and (orientation:landscape){.modal-backdrop,.app-dialog-backdrop{place-items:start center!important}.modal,.app-dialog{margin-block:8px}.notes-workspace{height:auto;min-height:min(360px,100dvh - 150px)}}@media (prefers-reduced-motion:reduce){.sidebar,.mobile-nav,.modal,.app-dialog{transition:none!important}}.form-error,.form-success,.form-warning,.form-info{border:1px solid var(--line);overflow-wrap:anywhere;border-left-width:3px;border-radius:11px;align-items:flex-start;gap:9px;max-width:100%;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.form-error{border-color:color-mix(in srgb,var(--brand-red) 34%,#fff);border-left-color:var(--brand-red);background:color-mix(in srgb,var(--brand-red) 7%,#fff);color:#72232a}.form-error:before{content:"!";background:color-mix(in srgb,var(--brand-red) 16%,#fff);color:#9a1d27;border-radius:50%;flex:0 0 17px;place-items:center;width:17px;height:17px;margin-top:1px;font-size:11px;font-weight:800;display:grid}.form-success{color:#185b3b;background:#f0faf4;border-color:#cde8d9 #cde8d9 #cde8d9 #198754}.form-success:before{content:"✓";color:#198754;font-weight:800}.form-warning{color:#76501b;background:#fff8eb;border-color:#f0d8ad #f0d8ad #f0d8ad #a96412}.form-warning:before{content:"!";color:#a96412;font-weight:800}.form-info{border-color:color-mix(in srgb,var(--brand-blue) 48%,#fff);border-left-color:var(--brand-blue);background:color-mix(in srgb,var(--brand-blue) 11%,#fff);color:var(--brand-blue)}.form-info:before{content:"i";color:var(--brand-blue);font-weight:800}.form-error:before,.form-success:before,.form-warning:before,.form-info:before{border-radius:50%;flex:0 0 17px;place-items:center;width:17px;height:17px;font-size:11px;display:grid}.field-error-message{color:#a21f2a;overflow-wrap:anywhere;margin-top:-1px;font-size:11px;line-height:1.4;display:block}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true],input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--brand-red)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-red) 13%,transparent)!important}.toast-region{z-index:3000;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:min(420px,calc(100vw - 36px - env(safe-area-inset-left) - env(safe-area-inset-right)));pointer-events:none;gap:9px;display:grid;position:fixed}.toast-region .toast{border:1px solid var(--line);border-left:4px solid var(--brand-blue);pointer-events:auto;border-radius:13px;align-items:flex-start;gap:10px;min-width:0;padding:13px 12px;font-size:13px;line-height:1.45;animation:.22s ease-out both feedback-toast-in;display:flex;position:relative;bottom:auto;right:auto;box-shadow:0 12px 36px #131f2e2e;color:var(--ink)!important;background:#fff!important}.toast-region .toast-error{border-left-color:var(--brand-red)}.toast-region .toast-warning{border-left-color:#d18a20}.toast-region .toast-success{border-left-color:#198754}.toast-region .toast-info{border-left-color:var(--brand-blue)}.toast-region .toast-icon{color:var(--brand-blue);flex:none;margin-top:1px}.toast-region .toast-error .toast-icon{color:#b0202b}.toast-region .toast-warning .toast-icon{color:#a96412}.toast-region .toast-success .toast-icon{color:#198754}.toast-region .toast-message{overflow-wrap:anywhere;flex:1;min-width:0}.toast-region .toast-close{color:#687078;background:0 0;border:0;border-radius:8px;flex:0 0 30px;place-items:center;width:30px;height:30px;margin:-5px -4px 0 0;display:grid}.toast-region .toast-close:hover{color:var(--ink);background:#f1f3f4}.toast-region .toast.is-leaving{animation:.2s ease-in both feedback-toast-out}@keyframes feedback-toast-in{0%{opacity:0;transform:translateY(9px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes feedback-toast-out{to{opacity:0;transform:translateY(6px)}}@media (max-width:600px){.toast-region{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));width:calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right))}.toast-region .toast{padding:12px 10px;font-size:12px}}@media (prefers-reduced-motion:reduce){.toast-region .toast,.toast-region .toast.is-leaving{animation:none}}@media (max-width:360px){.worker-payroll-tabs{width:100%}.worker-payroll-tabs a{flex:1 1 0;padding-inline:8px}}.btn-primary,.auth-submit,.btn-dark{background-color:var(--brand-blue)!important;border-color:var(--brand-blue)!important;color:#fff!important}.btn-primary:hover,.auth-submit:hover,.btn-dark:hover{background-color:var(--navy-dark)!important;border-color:var(--navy-dark)!important}.btn-danger{background-color:var(--red-soft)!important;border-color:color-mix(in srgb,var(--brand-red) 40%,#fff)!important;color:var(--brand-red)!important}.btn-danger:hover,.app-dialog .btn-danger{background-color:var(--brand-red)!important;border-color:var(--brand-red)!important;color:#fff!important}