*{box-sizing:border-box}body{margin:0;background:#f6f8fb;color:#172b3a;font-family:Tahoma,Arial,sans-serif;font-size:14px}button,input,textarea{font:inherit}a,button,input,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{text-decoration:none}.shell,.sidebar{display:flex;min-height:100vh}.sidebar{width:238px;background:#112a36;color:#d8e5ec;padding:36px 22px 24px;flex-direction:column;flex-shrink:0}.brand{display:flex;gap:13px;align-items:center;color:white;font-size:29px;letter-spacing:2px}.brand-mark{display:grid;place-items:center;background:#42d0b5;color:#102d36;width:43px;height:43px;border-radius:13px;font-size:32px;font-family:Georgia,serif;font-weight:700;letter-spacing:0}.brand-small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.4px;margin-top:7px;color:#93aebc}.nav-label{font-size:11px;color:#819da9;margin:60px 12px 18px}.nav-active{background:#1b414d;border:1px solid #2a5660;border-radius:10px;display:flex;align-items:center;gap:12px;padding:15px 12px;color:#7fe4d0;font-size:13px}.nav-active svg{width:19px;height:19px}.nav-count{margin-right:auto;border-radius:6px;padding:3px 7px;background:#315762;font-size:11px}.side-bottom{margin-top:auto;padding-top:90px;display:flex;align-items:center;gap:10px;font-size:12px}.side-bottom small{display:block;color:#829fae;margin-top:7px;font-size:10px}.avatar{background:#294754;border:1px solid #3c5d6c;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.workspace{flex:1 1;min-width:0}.topbar{height:82px;border-bottom:1px solid #e5ebf0;display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:white;color:#8b98a4;font-size:12px}.topbar b{color:#445866;font-weight:400}.slash{margin:0 15px;color:#c3ccd3}.workspace-tag{padding:7px 12px;border:1px solid #e4eaf0;border-radius:8px;font-size:11px;letter-spacing:1px;color:#70838f}main{max-width:1560px;margin:auto;padding:45px 42px}.heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.eyebrow{font-size:11px;color:#439a8d;margin:0 0 12px}h1{font-size:28px;margin:0;font-weight:700;line-height:1.7}.subtitle{color:#8897a3;font-size:12px;line-height:2;margin:9px 0 0}.primary{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:0;border-radius:9px;background:#138976;color:white;padding:13px 18px;font-size:12px;white-space:nowrap;min-height:44px}.primary:hover{background:#0a7564}.plus{font-size:24px;line-height:18px}.summary{padding:22px 25px;background:white;border:1px solid #e2e8ef;border-radius:12px;display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;gap:20px}.summary>div:first-child{display:flex;align-items:center;gap:16px}.summary-icon{background:#eaf7f3;color:#208f7e;width:45px;height:45px;border-radius:12px;display:grid;place-items:center}.summary-icon svg{width:22px;height:22px}.summary small{display:block;color:#84929e;font-size:11px}.summary strong{display:block;margin-top:9px;font-size:22px;font-weight:600}.summary strong span{font-size:11px;font-weight:400;color:#8a98a2;margin-right:4px}.summary-note{display:flex;align-items:center;gap:8px;font-size:11px;color:#8797a1}.dot{height:6px;width:6px;background:#56ab96;border-radius:50%}.list-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}h2{font-size:15px;margin:0}.list-header h2 span{display:inline-block;margin-right:8px;background:#e9eef3;color:#71838f;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:400}.search{display:flex;align-items:center;gap:9px;background:white;border:1px solid #e1e8ee;border-radius:9px;padding:10px 12px;width:260px}.search svg{width:17px;height:17px;color:#9aabb6}.search input{width:100%;border:0;outline:none;font-size:11px;color:#435d6a;background:none}.search input::placeholder{color:#a4afb8}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.card{background:white;border:1px solid #e0e7ef;border-radius:13px;padding:22px 20px 0;min-height:232px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s}.card:hover{border-color:#b3cec7;transform:translateY(-3px);box-shadow:0 8px 24px #18344408}.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:24px}.project-icon{width:45px;height:45px;border-radius:12px;background:#e8f1fc;color:#4b7dcb;display:grid;place-items:center}.project-icon svg{width:25px;height:25px}.radio .project-icon{background:#f2ebfc;color:#9562cc}.mosque .project-icon{background:#e5f5f0;color:#38947b}.leather .project-icon{background:#fcf0e6;color:#ba8550}.live .project-icon{background:#fdecef;color:#c97383}.project .project-icon{background:#e9f4f4;color:#479d9f}.status{font-size:9px;color:#83969f;background:#f4f7f9;border:1px solid #edf1f4;border-radius:5px;padding:5px 7px;white-space:nowrap}.card h3{font-size:15px;margin:0 0 13px;line-height:1.8}.card h3,.description{overflow-wrap:anywhere}.description{font-size:11px;color:#8e9ca7;line-height:2;min-height:44px;margin:0 0 24px}.card-footer{border-top:1px solid #edf1f5;margin-top:auto}.card-footer button{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:none;color:#4d8078;padding:15px 0;font-size:11px;text-align:right}.card-footer button span{font-family:Arial;font-size:18px;color:#8ba5a0}.page-footer{border-top:1px solid #e4eaf0;margin-top:52px;padding-top:20px;color:#9ba8b2;font-size:10px}.notice,.page-footer{display:flex;justify-content:space-between}.notice{background:#e5f5ef;color:#287a63;padding:13px;border-radius:8px;margin-bottom:18px;font-size:12px}.notice button{border:0;background:none;color:inherit;font-size:18px}.empty{padding:45px;text-align:center;background:white;border:1px dashed #dce5ed;border-radius:12px;color:#8a9ca8;font-size:12px;line-height:2}.empty button{display:block;margin:15px auto 0}.skeleton{height:232px;background:linear-gradient(110deg,#fff 30%,#f0f3f6 50%,#fff 70%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{to{background-position:-200% 0}}.modal{border:1px solid #e3eaf0;border-radius:18px;padding:28px;width:min(480px,calc(100vw - 32px));color:#243c48;max-height:90vh;overflow:auto;box-shadow:0 20px 90px #0a293330}.modal::backdrop{background:#102b3b80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:25px}.modal-header h2{font-size:18px;line-height:1.8}.modal-header p{font-size:11px;color:#8898a4;line-height:2;margin-bottom:0}.close{background:#f2f6f8;border:0;border-radius:7px;width:32px;height:32px;color:#6f8290;font-size:22px}.modal label{display:block;font-size:12px;margin-top:18px}.modal label small{color:#9aa8b1}.modal input,.modal textarea{display:block;border:1px solid #dce5ed;border-radius:8px;padding:12px;width:100%;margin-top:9px;font-size:12px;color:#2b4652;background:#fcfdfe;resize:vertical}.modal-actions{display:flex;gap:12px;margin-top:24px}.secondary{border:1px solid #dce5ec;border-radius:8px;background:white;color:#6d818f;padding:12px 16px;font-size:12px}.form-error{font-size:12px;color:#b34d4d;line-height:2}.detail-description{font-size:13px;line-height:2.2;color:#6c8390;overflow-wrap:anywhere}.detail-note{background:#f1f6f8;border-radius:9px;padding:16px;font-size:12px;line-height:2.2;margin:20px 0;color:#78909b}.website-button{margin-bottom:18px;display:flex}@media(max-width:1099px){.sidebar{width:190px;padding-inline:18px}main{padding:32px 26px}.topbar{padding:0 26px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-note{max-width:220px;line-height:2}}@media(max-width:699px){.shell{display:block}.sidebar{width:100%;min-height:auto;padding:18px 22px;flex-direction:row;align-items:center;justify-content:space-between}.brand{font-size:22px}.brand-mark{width:35px;height:35px}.brand-small,.nav-count,.nav-label,.side-bottom{display:none}.nav-active{padding:9px;font-size:11px;border:0;background:transparent}.topbar{height:57px;padding:0 22px}.heading{align-items:flex-start;flex-direction:column;gap:18px}.heading .primary{width:100%}main{padding:28px 22px}h1{font-size:24px}.summary{padding:19px}.summary-note{display:none}.list-header{flex-wrap:wrap}.search{width:100%}.grid{grid-template-columns:1fr;gap:16px}.card{min-height:220px}.page-footer span{display:none}.modal{padding:22px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.login-screen{min-height:100dvh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(ellipse at top right,#dff4ef,transparent 60%),#f5f7fb}.login-card{width:100%;max-width:460px;padding:40px;background:white;border:1px solid #dce5ee;border-radius:24px;box-shadow:0 24px 70px #15384712}.login-logo{font-size:28px;font-weight:800;color:#108d7b;letter-spacing:3px;margin-bottom:26px}.login-card h1{font-size:27px;margin:0 0 12px}.login-card form{margin-top:30px}.login-card label{display:block;font-weight:600;font-size:14px;margin:18px 0 8px}.login-card input{width:100%;display:block;margin-top:9px;border:1px solid #dce5ee;border-radius:10px;padding:14px;font:inherit;background:#fbfcfe}.password-toggle{background:none;border:0;color:#108d7b;padding:4px 0;font:inherit;font-size:12px;cursor:pointer}.login-submit{width:100%;justify-content:center;margin-top:24px}.login-note{display:block;text-align:center;color:#8396a8;margin-top:25px}.logout-button{font-size:12px;padding:8px 16px}.login-card input:focus{outline:2px solid #108d7b;outline-offset:2px}.login-card input:disabled{opacity:.7}