:root{--bg:#f5f7fa;--surface:#fff;--ink:#1d2939;--muted:#788698;--line:#e8edf3;--navy:#102a40;--blue:#146c87;--teal:#128a80;--teal-light:#ecf9f6;--shadow:0 5px 24px rgba(27,53,77,.04)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Cairo',Tahoma,Arial,sans-serif;font-size:13px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}b,strong{font-weight:800}.layout{display:flex;min-height:100vh}.sidebar{width:262px;background:#10293d;color:#d7e3ef;position:fixed;right:0;top:0;bottom:0;overflow:auto;padding:26px 17px 18px;z-index:50;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:3px 7px 28px}.brand strong{font-size:15px;color:#fff;line-height:1.35;display:block;max-width:165px}.brand small,.sidebar-bottom small{display:block;color:#92aabe;font-size:10px;margin-top:1px}.brand-icon{background:#0f8c86;box-shadow:0 10px 20px rgba(20,147,136,.15);color:white;width:57px;height:57px;display:grid;place-items:center;font-size:31px;border-radius:17px;font-weight:800;margin:0 auto 20px}.brand-icon.small{height:38px;width:38px;border-radius:11px;font-size:22px;margin:0;flex-shrink:0}.sidebar-subtitle{color:#7895aa;font-size:10px;font-weight:800;letter-spacing:.8px;margin:20px 14px 9px}.sidebar nav{flex:1}.nav-link{display:flex;align-items:center;gap:12px;margin:3px 0;padding:10px 13px;border-radius:10px;transition:background .15s;font-size:12.5px}.nav-link:hover{background:rgba(255,255,255,.07)}.nav-link.active{background:rgba(36,172,158,.16);color:#79e2d3;font-weight:800;border:1px solid rgba(88,230,210,.08)}.nav-icon{display:inline-flex;align-items:center;justify-content:center;min-width:20px;font-size:20px;line-height:1}.sidebar-bottom{display:flex;align-items:center;gap:10px;border-top:1px solid #2e4457;padding:15px 5px 0}.sidebar-bottom b{font-size:12px}.avatar{background:#244c62;border-radius:100%;height:37px;width:37px;display:grid;place-items:center;color:#fff;font-size:17px}.main-wrap{margin-right:262px;flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:75px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px;gap:16px}.topbar strong{font-size:13px}.breadcrumb{color:#9ba7b5;font-size:12px}.top-actions{display:flex;gap:17px;align-items:center}.top-notif{font-size:25px;position:relative;line-height:1;color:#476476}.dot{position:absolute;top:-7px;right:-8px;display:grid;place-items:center;border-radius:50%;color:white;background:#d44553;font:700 10px Arial;min-width:16px;height:16px}.user-name{font-weight:700;font-size:12px}.content{padding:29px 35px 45px;max-width:1650px;width:100%;margin:0 auto;flex:1}.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.page-title h1{font-size:24px;line-height:1.3;margin:3px 0 0;letter-spacing:-.4px}.eyebrow{color:var(--teal);font-weight:800;font-size:11px}.today{font-size:12px;color:var(--muted)}.hero{background:linear-gradient(112deg,#0d554f,#0e736e 55%,#139288);border-radius:16px;padding:31px 37px;color:#fff;display:flex;justify-content:space-between;min-height:212px;overflow:hidden;margin-bottom:23px;position:relative}.hero h2{font-size:25px;line-height:1.3;margin:6px 0 8px}.hero p{margin:0 0 21px;color:#d5f3ec;font-size:12px}.hero-eyebrow{font-size:11px;font-weight:700;color:#b3ebe3}.hero-pattern{font-size:185px;line-height:.8;opacity:.10;position:absolute;left:55px;top:19px;transform:rotate(17deg)}.btn{background:white;border:1px solid var(--line);border-radius:9px;padding:9px 16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:11.5px;line-height:1.7;white-space:nowrap;text-decoration:none;transition:transform .15s,filter .15s}.btn:hover{filter:brightness(.97)}.btn.primary{background:var(--teal);color:white;border-color:var(--teal)}.btn.light{background:white;color:#05635c;border:0}.btn.subtle{background:#f6f8fb;color:#34536a}.btn.danger-outline{border:1px solid #f5c7cd;color:#b32942;background:#fff4f5}.btn.small-btn{padding:5px 11px}.btn.full{width:100%;margin-top:8px;padding:11px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px 20px;box-shadow:var(--shadow);min-width:0}.stat-card>span,.stat-card small{display:block;color:var(--muted);font-size:11px}.stat-card strong{display:block;font-size:28px;line-height:1.6;color:#153b50}.stat-card small{font-size:10px}.two-columns{display:grid;grid-template-columns:1.45fr 1fr;gap:18px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:var(--shadow);min-width:0}.panel.narrow{max-width:900px}.panel-head{margin-bottom:20px}.panel h2,.panel-head h2{font-size:16px;line-height:1.5;margin:0}.panel-head p,.panel-row p{font-size:11.5px;margin:5px 0 0;color:var(--muted)}.panel h3{font-size:14px;margin:22px 0 12px}.panel-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quick-card{padding:16px 11px;border-radius:11px;border:1px solid #eef1f5;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;min-height:136px}.quick-card:hover,.service-card:hover{background:#f6fdfb;border-color:#cceee5}.quick-icon,.service-icon{height:39px;width:39px;border-radius:12px;background:#e9f6f4;color:#118b80;display:grid;place-items:center;font-size:26px}.quick-card b{font-size:11px}.muted{color:var(--muted)}.tiny{font-size:9px;line-height:1.4}.activity-list{min-height:120px}.activity{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #f0f2f6}.activity>span:nth-child(2){flex:1}.activity b,.activity small{display:block}.activity b{font-size:12px}.activity small{font-size:10px;color:#9aa7b4}.activity-no{color:#169b90;background:#eaf8f5;border-radius:8px;padding:6px;font-size:11px}.text-link{color:#11877d;font-weight:800;font-size:11px}.panel>.text-link{display:block;margin-top:19px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-weight:800;font-size:10px;white-space:nowrap}.badge.warning{color:#9b6a0c;background:#fff5d8}.badge.success{color:#117d52;background:#e5f8eb}.badge.danger{color:#b02d45;background:#fcebef}.badge.muted{color:#64748b;background:#eef2f5}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.service-card{border:1px solid var(--line);border-radius:13px;padding:23px;transition:background .15s}.service-card h3{font-size:13px;margin:13px 0 4px}.service-card p{font-size:11px;color:var(--muted);margin:0 0 19px;min-height:35px}.service-action{font-size:11px;color:var(--teal);font-weight:800}.space-top{margin-top:18px}.service-editor{display:grid;gap:9px}.editor-row{display:grid;grid-template-columns:1fr 1.6fr auto auto;gap:8px;align-items:center}.editor-row input[type=text],.editor-row input:not([type]){min-width:0}.check-inline{display:flex!important;flex-direction:row!important;gap:5px;white-space:nowrap;align-items:center}input,select,textarea{display:block;background:white;width:100%;border:1px solid #dfe6ee;border-radius:8px;padding:9px 12px;color:var(--ink);outline:none;min-height:42px;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:#26a99d;box-shadow:0 0 0 3px rgba(38,169,157,.11)}input[type=checkbox]{width:auto;min-height:0;accent-color:var(--teal)}label{display:block;font-size:11.5px;font-weight:800;margin-bottom:13px}label>input,label>select,label>textarea{margin-top:7px;font-weight:500}textarea{resize:vertical;min-height:92px}.stack-form{display:block}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 18px}.form-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:17px}.info-strip,.hint{background:#f0f8f8;color:#386d70;border-right:3px solid var(--teal);border-radius:6px;padding:13px 16px;margin:12px 0 22px;font-size:11px}.hint{background:#f7f9fb;color:#6f7d89;border-color:#c4d0da}.help{font-size:10px;color:#8090a1;margin-top:15px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap}th{background:#f8fafb;color:#718095;font-size:10.5px;font-weight:800;padding:13px 12px}td{padding:13px 12px;border-bottom:1px solid #f0f2f5;font-size:11.5px}td b{font-weight:800}.cell-sub{color:var(--muted);display:block;font-size:10px}.empty{padding:34px;color:var(--muted);text-align:center;font-size:12px}.tabs{display:flex;gap:10px;border-bottom:1px solid var(--line);margin-bottom:17px;flex-wrap:wrap}.tab{padding:9px 12px;color:#7a8996;font-weight:800;font-size:11px}.tab.selected{color:var(--teal);border-bottom:2px solid var(--teal)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:12px 0 18px}.detail-grid>div{min-width:0}.detail-grid span{display:block;color:#8792a0;font-size:10px;margin-bottom:4px}.detail-grid b{font-size:12px;overflow-wrap:anywhere}.note-block{background:#f8fafd;padding:15px;border-radius:9px;white-space:normal;font-size:12px}.timeline{margin:25px 7px;border-right:2px solid #d9e9e6;padding-right:21px}.timeline-item{position:relative;margin:0 0 27px}.timeline-item:before{content:'';position:absolute;right:-28px;top:8px;width:12px;height:12px;border:3px solid white;border-radius:50%;background:#16978b;box-shadow:0 0 0 1px #b4dcd6}.timeline-item b,.timeline-item span,.timeline-item small{display:block}.timeline-item b{font-size:12px}.timeline-item span{font-size:11px;color:#528078}.timeline-item small{font-size:10px;color:var(--muted)}.timeline-item p{background:#f6f8fa;border-radius:6px;padding:8px;font-size:11px}.approval-form{border-top:1px solid var(--line);margin-top:20px}.role-list{display:grid;gap:8px}.role-item{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:9px;padding:11px 14px}.role-item.selected{border-color:#71c8bb;background:#f0fbf7}.role-item small{display:block;color:var(--muted);font-size:10px}.border-top{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.permissions-grid{display:grid;grid-template-columns:1fr;gap:6px;max-height:540px;overflow:auto;margin-bottom:16px}.permission-check{display:flex;align-items:center;gap:10px;background:#fafbfd;padding:9px 11px;border-radius:7px;margin:0}.document{max-width:850px;margin:0 auto;min-height:600px;padding:35px 45px}.document .doc-letterhead{display:flex;gap:16px;align-items:center;border-bottom:2px solid #186d66;padding-bottom:24px;margin:20px 0 35px}.doc-mark{width:65px;height:65px;background:#0a8276;color:white;border-radius:15px;display:grid;place-items:center;font-size:39px;font-weight:800}.doc-letterhead h2{font-size:20px}.doc-letterhead p{margin:2px 0;color:var(--muted)}.doc-center{text-align:center;margin:32px auto}.doc-center h2{font-size:20px}.doc-center p{color:var(--muted)}.document .detail-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0 25px}.doc-table{margin-top:24px}.doc-table td{border-bottom:1px solid #e9edf0}.doc-table .net-row td{background:#eaf8f4;color:#07554c;font-weight:800}.doc-footnote{font-size:10px;color:#7d8c95;margin-top:35px;text-align:center}.doc-sign{margin-top:80px;display:flex;justify-content:space-between;font-weight:700}.letter-text{font-size:15px;line-height:2.5;margin:45px 0}.letter-text p{margin:10px 0 20px}.inline-picker{display:flex;align-items:center;gap:10px;max-width:350px}.inline-picker select{max-width:230px}.profile-block{text-align:center;padding:20px 0}.profile-avatar{width:75px;height:75px;border-radius:23px;background:#e7f6f2;color:#13877e;font-size:36px;font-weight:800;display:grid;place-items:center;margin:auto}.profile-block h2{margin:9px 0 0}.profile-block p{color:var(--muted);margin:0}.notifications{display:grid;gap:10px}.notice{display:flex;gap:15px;border:1px solid var(--line);border-radius:10px;padding:13px}.notice.unread{background:#effaf6;border-color:#daefe6}.notice-symbol{font-size:24px;color:var(--teal)}.notice b,.notice small{display:block}.notice small{color:var(--muted);font-size:10px}.notice .text-link{display:inline-block;margin-top:6px}.footer{text-align:center;padding:20px;font-size:10px;color:#9aa7b2}.inline{display:inline-block}.alert{padding:12px 17px;border-radius:9px;margin-bottom:20px;font-size:12px}.alert.error{background:#fff0f1;color:#a32c42;border:1px solid #f3cdd3}.alert.success{background:#e8f9ed;color:#18734e;border:1px solid #ccebd6}.auth-body{background:radial-gradient(circle at 20% 20%,#e5f3f1,transparent 45%),linear-gradient(135deg,#eef5f5,#f5f7fb);display:flex;align-items:center;justify-content:center;min-height:100vh;padding:30px}.auth-card{background:white;box-shadow:0 25px 90px rgba(34,69,86,.11);width:100%;max-width:425px;padding:37px;border-radius:20px;border:1px solid #eaf0f4}.auth-card h1{text-align:center;font-size:22px;line-height:1.4;margin:0}.auth-card>.muted{text-align:center;margin:6px 0 30px}.auth-card h3{font-size:14px;margin-top:24px}.auth-card label{margin:13px 0}.install-card{max-width:790px}.mobile-menu{display:none;background:transparent;border:0;font-size:23px}@media(max-width:1150px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-columns{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.sidebar{transform:translateX(102%);transition:transform .2s;box-shadow:0 5px 25px #17212c20}.sidebar.show{transform:translateX(0)}.main-wrap{margin-right:0}.mobile-menu{display:block}.topbar{padding:0 19px;height:65px}.content{padding:23px 16px}.user-name{display:none}.panel{padding:19px}.editor-row{grid-template-columns:1fr 1fr}.editor-row input:nth-of-type(2){grid-column:span 1}.today{display:none}}@media(max-width:570px){.stats-grid,.service-grid{grid-template-columns:1fr 1fr;gap:10px}.quick-grid{grid-template-columns:1fr 1fr}.stat-card{padding:15px}.stat-card strong{font-size:24px}.form-grid{grid-template-columns:1fr}.page-title h1{font-size:20px}.hero{padding:23px;min-height:180px}.hero h2{font-size:21px}.hero-pattern{font-size:120px;left:15px}.service-card{padding:15px}.service-card p{font-size:10px}.document{padding:18px}.document .detail-grid{grid-template-columns:1fr 1fr}.panel-row{align-items:flex-start}.top-actions{gap:8px}.editor-row{grid-template-columns:1fr}.inline-picker{display:block}.doc-sign{gap:12px;flex-wrap:wrap}}@media print{@page{margin:16mm}body{background:white;font-size:13px}.sidebar,.topbar,.page-title,.footer,.no-print,.mobile-menu,.btn{display:none!important}.main-wrap{margin:0!important}.content{padding:0;max-width:none}.document{border:0;box-shadow:none;max-width:none;min-height:0;padding:0}.layout{display:block}.document .doc-letterhead{margin-top:0}.doc-footnote{color:#555}}