:root{font-family:Cairo,sans-serif;color:#203538;background:#f5f8f7;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.app{min-height:100vh}.sidebar{width:264px;background:#fff;border-left:1px solid #e9efed;position:fixed;inset:0 0 0 auto;z-index:20;display:flex;flex-direction:column;padding:23px 17px 14px}.brand{display:flex;align-items:center;gap:11px;padding:0 5px 22px}.brand-mark{width:45px;height:45px;border-radius:15px;background:#e7f3f0;color:#176b65;display:grid;place-items:center}.brand b{display:block;font-size:18px;color:#174e4d}.brand small,.tenant small,.profile small{display:block;color:#91a09e;font-size:11px}.close-menu{display:none;margin-right:auto;border:0;background:none}.tenant{background:#f5f8f7;border:1px solid #edf1ef;border-radius:13px;padding:11px;display:flex;align-items:center;gap:9px;margin-bottom:25px}.tenant-icon{width:34px;height:34px;border-radius:10px;background:#e3efeb;color:#26746d;display:grid;place-items:center}.tenant b{font-size:12px;display:block}.tenant>svg{margin-right:auto;color:#94a5a1}.nav-label{font-size:10px;color:#9aa9a6;font-weight:700;padding:0 10px 10px}nav{display:grid;gap:4px}.nav-item{border:0;background:transparent;color:#71817f;text-align:right;border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:12px;font-size:12px;transition:.2s}.nav-item:hover{background:#f4f8f6;color:#216b65}.nav-item.active{background:#eaf4f1;color:#176b65;font-weight:700}.nav-dot{width:7px;height:7px;border-radius:50%;background:#e47c65;margin-right:auto}.sidebar-bottom{margin-top:auto}.support-card{background:#f0f7f4;border:1px solid #e4efea;border-radius:13px;padding:13px;margin-bottom:14px}.support-icon{color:#238075;margin-bottom:5px}.support-card b{font-size:12px}.support-card p{font-size:10px;color:#80928e;margin:4px 0 0;line-height:1.8}.profile{border-top:1px solid #edf1ef;padding:14px 3px 0;display:flex;align-items:center;gap:9px}.profile b{font-size:11px}.profile>svg{margin-right:auto;color:#9aa9a6}.avatar,.top-avatar{width:34px;height:34px;border-radius:50%;background:#e8efeb;color:#38756d;display:grid;place-items:center;font-weight:700}.main{margin-right:264px;min-height:100vh}.topbar{height:70px;background:#fff;border-bottom:1px solid #eaf0ed;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.crumb{font-size:12px;color:#98a6a3}.crumb span{padding:0 8px;color:#d0d9d5}.crumb b{color:#36524e}.top-actions,.top-right{display:flex;align-items:center;gap:18px}.today{display:flex;align-items:center;gap:7px;color:#81918d;font-size:11px}.icon-btn{border:0;background:transparent;color:#738580;position:relative;display:grid;place-items:center;padding:7px}.notification i{position:absolute;width:6px;height:6px;border-radius:50%;background:#e37b67;top:5px;right:6px}.top-avatar{width:32px;height:32px}.content{max-width:1440px;margin:auto;padding:27px 34px 15px}.welcome{background:linear-gradient(110deg,#155e63,#287d73);border-radius:18px;min-height:157px;padding:25px 29px;color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.welcome:after{content:"";position:absolute;width:270px;height:270px;border:1px solid #ffffff18;border-radius:50%;left:18%;top:-170px;box-shadow:0 0 0 28px #ffffff08,0 0 0 58px #ffffff06}.eyebrow{font-size:10px;color:#c7e5dd;display:flex;align-items:center;gap:7px}.eyebrow span{width:6px;height:6px;background:#c6dfb1;border-radius:50%}.welcome h1{font-size:23px;margin:8px 0 2px;font-weight:700}.welcome p{font-size:12px;color:#d4e8e3;margin:0}.welcome-art{position:relative;margin-left:55px}.art-circle{width:105px;height:105px;border-radius:50%;background:#ffffff18;border:1px solid #ffffff30;color:#e5f4ee;display:grid;place-items:center}.hero-illustration{width:190px;height:140px;object-fit:contain;position:relative;z-index:1}.art-cross,.art-spark{position:absolute;color:#d7e9c8}.art-cross{top:0;right:-17px;font-size:22px}.art-spark{bottom:0;left:-18px;font-size:22px}.quick-actions{display:flex;gap:9px;margin:18px 0}.primary-btn,.soft-btn,.filter-btn{border:0;border-radius:9px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:700}.primary-btn{background:#176b65;color:#fff;box-shadow:0 4px 10px #176b651c}.primary-btn:hover{background:#105752}.soft-btn,.filter-btn{background:#fff;border:1px solid #e7eeeb;color:#60736e}.soft-btn:hover,.filter-btn:hover{border-color:#9fc5b9;color:#176b65}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:18px 0 25px}.stat-card{background:#fff;border:1px solid #eaf0ed;border-radius:13px;padding:15px 16px;position:relative}.stat-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;margin-bottom:10px}.stat-icon.teal{background:#e7f4ef;color:#21816f}.stat-icon.blue{background:#eaf1fa;color:#5986c0}.stat-icon.orange{background:#fff3e5;color:#d49243}.stat-icon.red{background:#fff0ed;color:#d97663}.stat-label{font-size:11px;color:#7e8f8b}.stat-card strong{display:block;font-size:24px;color:#294541;margin:1px 0}.stat-card small{font-size:9px;color:#9ba9a5}.section-head{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.section-head h2{font-size:16px;margin:0;color:#294541}.section-head p{font-size:10px;color:#96a49f;margin:2px 0 0}.text-btn{border:0;background:transparent;color:#28766e;font-size:10px;display:flex;align-items:center;gap:5px}.table-card,.panel{background:#fff;border:1px solid #e9efec;border-radius:13px;overflow:hidden}.table-tools{padding:13px 15px;display:flex;gap:8px;border-bottom:1px solid #edf1ef}.searchbox{height:35px;border:1px solid #e7eeeb;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 10px;flex:1;color:#9aa9a5}.searchbox input{border:0;outline:0;width:100%;font-size:10px;color:#3b5550;background:transparent}.filter-btn{padding:7px 11px;font-size:10px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:right;background:#fbfcfb;color:#93a19e;font-size:9px;font-weight:600;padding:12px 14px}td{padding:11px 14px;border-top:1px solid #f0f3f1;font-size:10px;color:#566a65}tbody tr:hover{background:#fcfefd}.person-cell{display:flex;align-items:center;gap:8px}.person-avatar{width:30px;height:30px;border-radius:9px;background:#edf4f0;color:#36776b;display:grid;place-items:center;font-size:12px;font-weight:700}.person-cell b{display:block;font-size:10px;color:#354f49}.person-cell small{font-size:9px;color:#9aa8a4}.code{color:#71918a;font-size:9px}.priority,.status{display:inline-block;padding:4px 8px;border-radius:20px;font-size:9px}.priority.urgent{background:#fff0ed;color:#ce6b59}.priority.medium{background:#fff6e8;color:#bd8a3d}.priority.normal{background:#edf6f1;color:#548b70}.status.new{background:#edf3fb;color:#6589b9}.status.progress{background:#fff5e7;color:#b98743}.status.done{background:#eaf5ee;color:#4d916d}.muted{color:#9aa8a4}.row-action{border:0;background:#f2f7f4;color:#6c9287;border-radius:7px;padding:6px;display:grid;place-items:center}.table-foot{padding:10px 15px;font-size:9px;color:#98a6a2;border-top:1px solid #edf1ef}.table-foot span{float:left}.bottom-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:14px;margin-top:17px}.panel{padding:15px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;color:#6c9287;margin-bottom:9px}.panel-head h3{font-size:12px;color:#35534c;margin:0}.panel-head p{font-size:9px;color:#9aa9a5;margin:2px 0}.visit-row,.need-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #f0f3f1}.visit-icon,.need-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center}.visit-icon.gold{background:#fff6e8;color:#c49a51}.visit-icon.blue{background:#edf3fb;color:#6c91c3}.visit-icon.green{background:#eaf5ef;color:#579376}.visit-info,.need-info{flex:1}.visit-info b,.need-info b{display:block;font-size:10px;color:#435d56}.visit-info small,.need-info small{display:block;font-size:9px;color:#9aa8a4}.visit-time{font-size:9px;color:#8c9d98}.need-icon{background:#eff6f2;color:#5b8f7f}.need-row>strong{font-size:14px;color:#426a60}.module-banner{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e8efeb;border-radius:14px;padding:18px;margin:18px 0}.module-symbol{width:52px;height:52px;border-radius:14px;background:#e8f4ef;color:#27766a;display:grid;place-items:center}.module-banner b{font-size:13px}.module-banner p{font-size:10px;color:#95a49f;margin:3px 0}.demo-chip{margin-right:auto;background:#fff6e8;color:#ae8747;border-radius:20px;padding:6px 10px;font-size:9px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:15px 0}.module-card{background:#fff;border:1px solid #e8efeb;border-radius:13px;padding:17px;min-height:150px}.module-icon{width:39px;height:39px;border-radius:11px;background:#edf5f1;color:#2d7a6d;display:grid;place-items:center;margin-bottom:12px}.module-card h3{font-size:12px;margin:0;color:#36564e}.module-card p{font-size:10px;color:#899b95;line-height:1.9;margin:5px 0}.emergency-warning{display:flex;align-items:center;gap:10px;background:#fff0ed;border:1px solid #f7d8d1;color:#b95f50;border-radius:11px;padding:14px;font-size:11px;margin-top:14px}.empty{text-align:center;padding:35px;color:#9ba9a5;font-size:12px}.privacy-note{display:flex;align-items:center;gap:7px;background:#eef6f1;color:#538270;padding:10px;border-radius:8px;font-size:10px;margin:15px 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#172e2b70;z-index:50;display:grid;place-items:center;padding:18px}.modal{background:#fff;border-radius:16px;padding:23px;width:min(100%,440px);box-shadow:0 20px 60px #153b3430;display:flex;flex-direction:column}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.modal h2{font-size:17px;margin:0;color:#294c45}.modal p{font-size:10px;color:#92a19c;margin:4px 0}.modal label{font-size:10px;color:#526a63;margin:10px 0 5px}.modal input,.modal select{border:1px solid #e2ebe6;border-radius:8px;padding:10px;font-size:11px;outline:none;background:#fff;color:#425a53}.modal input:focus,.modal select:focus{border-color:#65a99a}.submit-btn{width:100%;margin-top:5px}.toast{position:fixed;bottom:22px;left:22px;background:#176b65;color:#fff;border-radius:10px;padding:12px 17px;display:flex;align-items:center;gap:9px;font-size:11px;z-index:60;box-shadow:0 8px 30px #163e382b}footer{font-size:9px;color:#a0ada8;padding:26px 2px 10px}footer span{float:left}.mobile-menu{display:none}@media(max-width:1100px){.sidebar{width:235px}.main{margin-right:235px}.content{padding:22px}.stats-grid{gap:9px}.stat-card{padding:12px}.bottom-grid{grid-template-columns:1fr}.module-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translate(105%);transition:.25s;width:280px;box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:0 0 0 999px #122b2866}.close-menu{display:block}.main{margin-right:0}.topbar{height:60px;padding:0 15px}.mobile-menu{display:grid}.crumb{font-size:10px}.today{display:none}.top-actions{gap:9px}.content{padding:16px 13px}.welcome{min-height:145px;padding:20px}.welcome h1{font-size:18px}.welcome p{font-size:10px;max-width:230px}.welcome-art{margin-left:12px}.art-circle{width:75px;height:75px}.hero-illustration{width:125px;height:100px}.art-circle svg{width:42px}.quick-actions{overflow-x:auto;padding-bottom:4px}.quick-actions button{white-space:nowrap;flex-shrink:0;font-size:10px;padding:9px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:9px}.stat-card strong{font-size:21px}.section-head{margin:19px 0 10px}.table-tools{flex-wrap:wrap}.searchbox{flex-basis:100%}.table-scroll table{min-width:850px}.bottom-grid{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr 1fr;gap:9px}.module-card{padding:13px;min-height:155px}.module-banner{padding:13px;gap:9px}.module-symbol{width:42px;height:42px}.demo-chip{font-size:8px}.crumb span{padding:0 3px}footer span{float:none;display:block;margin-top:4px}}@media(max-width:420px){.module-grid{grid-template-columns:1fr}.welcome-art{opacity:.75}.welcome h1{font-size:16px}.top-avatar{display:none}}