*{box-sizing:border-box}html{font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif}body{margin:0;background:#f6f8fb;color:#17293d;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}input,textarea,select{width:100%;border:1px solid #d8e0e9;border-radius:9px;padding:11px 12px;background:white;color:#17293d;outline:none}input:focus,textarea:focus,select:focus{border-color:#3b7cc4;box-shadow:0 0 0 3px #dcecff}input[type=checkbox]{width:auto;accent-color:#16436e}textarea{min-height:85px;resize:vertical}.hidden{display:none!important}.muted{color:#758498}.tiny{font-size:11px}.error{color:#b62d36}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#e8edf5,#f9fbfd)}.auth-box{width:min(100%,440px);background:white;border:1px solid #e1e8ef;box-shadow:0 18px 60px #12243e17;padding:40px;border-radius:18px}.auth-box h1{font-size:26px;margin:18px 0 3px}.auth-box p{line-height:1.7}.auth-box form{display:grid;gap:16px;margin-top:24px}.auth-box label{font-weight:600;display:grid;gap:8px}.monogram{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#173d63;color:#fff;font-weight:900;letter-spacing:1px;font-size:17px}.notice{padding:12px;background:#eef5fb;border-radius:9px;color:#255278}.btn{border:1px solid transparent;padding:10px 17px;border-radius:9px;font-weight:650;white-space:nowrap}.btn.primary{background:#173d63;color:white}.btn.primary:hover{background:#0f2e4d}.btn.secondary{background:#f0f4f8;border-color:#dce5ee;color:#244563}.btn.secondary:hover,.btn.ghost:hover{background:#e7eef5}.btn.ghost{background:transparent;color:#295b86}.btn.danger{background:#fff0f0;color:#a42c35;border:1px solid #ffc9ce}.btn.wide{width:100%;padding:13px}.shell{display:flex;min-height:100vh;direction:rtl}.sidebar{width:245px;flex-shrink:0;background:#102c47;color:#d7e3ef;padding:28px 16px;display:flex;flex-direction:column;gap:35px}.brand{display:flex;align-items:center;gap:10px;padding:0 8px}.brand .monogram{background:#ebf5ff;color:#123350;width:43px;height:43px;font-size:15px}.brand b{display:block;color:white;font-size:15px}.brand small{display:block;margin-top:3px;color:#97aec3}.sidebar nav{display:grid;gap:7px}.nav-item{width:100%;text-align:right;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#b5c9db;padding:12px 14px;border-radius:10px;font-weight:600}.nav-item:hover,.nav-item.selected{background:#ffffff19;color:white}.nav-item span:nth-child(2){flex:1}.count-badge{background:#365b79;border-radius:20px;padding:2px 9px}.aside-bottom{margin-top:auto;display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11px;color:#9ebbd1}.status-dot{width:8px;height:8px;border-radius:50%;background:#e4ae59}.logout{color:#fff;background:none;border:none;text-decoration:underline;margin-inline-start:auto}.main{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e5eaf0;display:flex;align-items:center;justify-content:space-between;padding:19px 32px}.topbar h1{font-size:22px;margin:4px 0 0}.eyebrow{font-size:10px;color:#8291a1;letter-spacing:2px}.user-area{display:flex;align-items:center;gap:12px;text-align:left}.account{font-weight:650}.account small{display:block;font-size:11px;color:#718096;font-weight:400;margin-top:4px}.avatar{border-radius:50%;background:#eaf0f7;color:#284b6b;padding:12px;font-weight:800}.content{padding:28px 32px;max-width:1800px;margin:auto}.banner{display:flex;gap:12px;align-items:center;border:1px solid #d8e6f5;background:#ecf5ff;border-radius:10px;padding:13px 16px;margin-bottom:28px;color:#315473}.banner>span{font-size:19px}.banner div{display:flex;gap:6px;flex-wrap:wrap}.banner b{color:#244968}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 22px}.section-head h2{font-size:19px;margin:0 0 6px}.section-head p{color:#8291a0;margin:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px}.metric,.panel{border:1px solid #e4eaf0;background:#fff;border-radius:12px;padding:19px}.metric span{color:#6f8396;font-size:13px}.metric strong{display:block;font-size:32px;margin:13px 0 8px;color:#193956}.metric small{color:#9aa9b8}.panel h3{margin:0 0 15px;font-size:16px}.panel-head{display:flex;justify-content:space-between;align-items:center}.latest{display:grid;gap:10px}.latest-row{border:1px solid #edf1f5;border-radius:10px;padding:13px;display:flex;gap:12px;align-items:center;justify-content:space-between;cursor:pointer}.latest-row:hover{background:#f7faff}.latest-row .muted{display:block;margin-top:5px}.empty{padding:30px;text-align:center;color:#8b9cac;border:1px dashed #cfd9e3;border-radius:10px;background:#fafcfe}.filterbar{display:flex;gap:10px;margin-bottom:20px}.filterbar input{max-width:480px}.kanban{display:grid;grid-template-columns:repeat(6,minmax(235px,1fr));gap:14px;overflow-x:auto;padding-bottom:15px}.kanban-col{min-width:235px;background:#edf2f7;border-radius:11px;padding:11px;min-height:260px}.kanban-title{font-weight:700;display:flex;align-items:center;justify-content:space-between;padding:8px}.kanban-title small{background:white;border-radius:20px;color:#57718a;padding:3px 9px}.kanban-card{background:#fff;border:1px solid #e0e7ed;border-radius:9px;padding:14px;margin-top:10px;cursor:pointer;box-shadow:0 2px 5px #12345607}.kanban-card:hover{border-color:#89b3d6;box-shadow:0 5px 15px #20477012}.kanban-card b{display:block;line-height:1.6}.kanban-card .muted{display:block;font-size:12px;margin:6px 0 12px}.chip{display:inline-block;font-size:11px;border-radius:20px;background:#edf1f5;color:#58718b;padding:4px 9px}.chip.urgent{background:#fff0ef;color:#b73939}.chip.high{background:#fff4e1;color:#8b5b12}.approval-controls{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:17px;padding:12px;background:#fff;border:1px solid #e5ebf1;border-radius:9px}.approval-controls label{display:flex;gap:10px;align-items:center}.approval-list{display:grid;gap:12px}.approval-item{padding:18px;border:1px solid #e4eaf0;background:white;border-radius:10px;display:grid;gap:12px}.approval-item-top{display:flex;align-items:center;gap:10px;justify-content:space-between}.approval-actions{display:flex;gap:8px;flex-wrap:wrap}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-grid p{line-height:1.8}.modal{position:fixed;inset:0;background:#0f2031aa;display:grid;place-items:center;padding:18px;z-index:20}.modal-box{background:#fff;border-radius:15px;padding:24px;width:min(100%,670px);max-height:90vh;overflow:auto;box-shadow:0 25px 90px #071a2f40}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-head h2{margin:0}.icon-btn{border:0;background:#f1f4f8;color:#4f6477;font-size:28px;line-height:1;width:35px;height:35px;border-radius:9px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fields label{display:grid;gap:6px;font-weight:600}.fields label.full{grid-column:1/-1}.modal-actions{display:flex;gap:9px;margin-top:22px}.detail-row{padding:10px 0;border-bottom:1px solid #eef1f4}.detail-row b{margin-left:10px}.timeline{display:grid;gap:10px;margin-top:16px}.event{padding:10px 13px;border-right:3px solid #b7c9da;background:#f7f9fc;border-radius:6px}.event time{font-size:11px;color:#8d9bad}.toast{position:fixed;bottom:20px;left:25px;background:#183c5d;color:#fff;padding:12px 20px;border-radius:9px;z-index:30;box-shadow:0 4px 20px #2345}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.sidebar{width:210px}.content{padding:24px}}@media(max-width:720px){.shell{display:block}.sidebar{width:100%;padding:12px;gap:10px}.brand{display:none}.sidebar nav{display:flex;justify-content:space-between;gap:3px}.nav-item{justify-content:center;font-size:12px;padding:10px 4px}.nav-item span:nth-child(2){flex:none}.aside-bottom{display:none}.topbar{padding:15px}.content{padding:16px}.section-head{align-items:flex-start}.metrics{grid-template-columns:repeat(2,1fr);gap:9px}.metric{padding:14px}.metric strong{font-size:26px}.settings-grid{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.fields label.full{grid-column:auto}.account{display:none}}