:root{--bg:#eee8df;--card:#fffaf3;--ink:#291a19;--muted:#83726c;--primary:#74131b;--primary2:#3d070b;--green:#34745a;--orange:#b77932;--red:#9b2230;--gold:#c8a86b;--line:#e1d5c5;--shadow:0 20px 45px rgba(66,26,21,.13),0 3px 9px rgba(66,26,21,.08)}
*{box-sizing:border-box}body{margin:0;font-family:Cairo,Arial,sans-serif;color:var(--ink);background-color:var(--bg);background-image:linear-gradient(115deg,#ffffff82,#f1e9dd4d),repeating-linear-gradient(127deg,transparent 0 85px,#b89f7c12 87px 88px,transparent 90px 170px)}a{text-decoration:none;color:inherit}.sidebar{position:fixed;right:0;top:0;width:265px;height:100vh;background:linear-gradient(165deg,#641018,#2a0609 75%);color:#ecdcd3;padding:25px 16px;display:flex;flex-direction:column;z-index:20;box-shadow:-14px 0 35px #32100f30;border-left:1px solid #c8a86b55}.side-brand{display:flex;align-items:center;gap:11px;color:#fff;font-weight:800;font-size:17px;padding:0 6px 25px}.side-brand img{width:62px;height:62px;object-fit:contain;border-radius:16px;background:#fff9;box-shadow:inset 0 0 0 1px #f3dfb7,0 10px 24px #17020499}.side-brand small,.side-user small{display:block;font-size:9px;color:#cbb3a6;font-weight:500}.sidebar nav{display:grid;gap:7px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:13px;font-size:13px;position:relative}.sidebar nav a i{font-style:normal;font-size:19px;width:25px;text-align:center;color:#d5b36f}.sidebar nav a:hover,.sidebar nav a.active{color:#3d070b;background:linear-gradient(135deg,#fff8eb,#d8c094);box-shadow:inset 1px 1px 2px #fff,0 10px 22px #16030599}.sidebar nav a.active i{color:#701018}.nav-badge{margin-right:auto;background:#f4d17f;color:#4a080d;border-radius:20px;padding:2px 7px;font-size:10px;box-shadow:0 0 0 4px #f4d17f2b}.side-user{margin-top:auto;border-top:1px solid #9a5c564f;padding:18px 7px 0;display:flex;align-items:center;gap:9px;font-size:12px}.side-user>a{margin-right:auto;font-size:19px}.avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#8e2830,#4b090e);display:grid;place-items:center;color:#fff;border:1px solid #c8a86b66;box-shadow:0 7px 16px #4a0b1033}.app{margin-right:265px;min-height:100vh}.topbar{height:112px;padding:22px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b5986d26}.topbar h1{font-size:24px;margin:0}.topbar p{font-size:11px;color:var(--muted);margin:4px 0}.topbar .top-kicker{font-size:8px;letter-spacing:2px;color:#9c6b3b;font-weight:800}.top-actions{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px}.notification-pill{background:#fff8e9;border:1px solid #dfc48f;padding:8px 12px;border-radius:25px;color:#74131b;box-shadow:0 7px 18px #6a251619}.pulse{width:9px;height:9px;border-radius:50%;background:#3d926c;box-shadow:0 0 0 5px #3d926c21}.menu-toggle{display:none}.content{padding:0 36px 35px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.stat,.card{background:linear-gradient(145deg,#fffdf9,#f4ede3);border:1px solid #fff9;border-radius:20px;box-shadow:var(--shadow),inset 1px 1px 0 #fff}.stat{padding:21px;position:relative;overflow:hidden;color:var(--ink)}.stat:after{content:"";position:absolute;width:85px;height:85px;border-radius:50%;left:-23px;top:-28px;background:#74131b;opacity:.07}.stat .number{font-weight:800;font-size:28px;margin:5px 0}.stat .number small{font-size:10px}.stat .label{font-size:11px;color:var(--muted)}.stat .icon{float:left;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#f8e8c5;background:linear-gradient(145deg,#8e2029,#40070b);border:1px solid #d0ad6e99;box-shadow:inset 1px 1px 2px #c45c5e,0 9px 19px #5910173d}.alert-stat{border-color:#caaa71}.grid-2{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.card{padding:22px;margin-bottom:20px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.card h2{font-size:16px;margin:0}.muted{color:var(--muted)}.small{font-size:11px}.btn{border:0;border-radius:11px;padding:10px 16px;font-family:inherit;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn.primary{color:#fff7e9;background:linear-gradient(145deg,#8d2029,#4a090e);border:1px solid #a74c4f;box-shadow:inset 1px 1px 1px #ce696a,0 8px 18px #5d10183d}.btn.success{color:#fff;background:linear-gradient(145deg,#438568,#285842)}.btn.danger{color:#fff;background:var(--red)}.btn.light{background:linear-gradient(145deg,#fff,#e9ded0);color:#5c433c;border:1px solid #ded0bd}.btn.small-btn{padding:6px 10px;font-size:11px}.wide{width:100%}.table-wrap{overflow:auto}table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}th{text-align:right;color:#785e55;font-weight:700;background:#eee3d3}th:first-child{border-radius:0 10px 10px 0}th:last-child{border-radius:10px 0 0 10px}th,td{padding:12px 10px;border-bottom:1px solid var(--line);white-space:nowrap}tr:last-child td{border:0}.badge{display:inline-flex;padding:4px 9px;border-radius:20px;font-size:10px;font-weight:700}.badge.blue,.badge.violet{color:#6b1118;background:#f1d9d5}.badge.green{color:#295d48;background:#dcebe1}.badge.orange{color:#8b5315;background:#f6e5c7}.badge.gray{color:#71645d;background:#e8e1d9}.actions{display:flex;gap:5px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid .full{grid-column:1/-1}label{display:grid;gap:6px;font-size:12px;font-weight:600}input,select,textarea{width:100%;font-family:inherit;border:1px solid #ddcdb8;border-radius:11px;padding:10px 12px;background:#fffcf7;outline:none;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:#8c2d32;box-shadow:0 0 0 3px #7e171c16}textarea{min-height:88px;resize:vertical}.alert{padding:12px 15px;border-radius:12px;margin-bottom:17px;font-size:13px;transition:.4s}.alert.success{background:#dcebe1;color:#295d48}.alert.danger{background:#f3d9db;color:#7c1821}.alert.fade{opacity:0;transform:translateY(-5px)}.empty{text-align:center;padding:35px;color:var(--muted)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day{min-height:120px;background:linear-gradient(145deg,#fffdf9,#eee5da);border:1px solid var(--line);border-radius:13px;padding:9px;box-shadow:inset 1px 1px 0 #fff}.day.today{border-color:#8b2028;box-shadow:inset 0 0 0 1px #8b2028,0 7px 18px #72151c1c}.day .date{font-size:11px;font-weight:700;margin-bottom:7px}.booking{display:block;background:#ead2cf;color:#641018;border-right:3px solid #7a1820;padding:5px 6px;margin:4px 0;border-radius:6px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal{display:none;position:fixed;inset:0;z-index:50;align-items:center;justify-content:center}.modal.show{display:flex}.modal-backdrop{position:absolute;inset:0;background:#27070bc7;backdrop-filter:blur(5px)}.modal-card{position:relative;background:linear-gradient(145deg,#fffdf9,#f1e7da);width:min(650px,92vw);max-height:90vh;overflow:auto;border-radius:22px;padding:25px;border:1px solid #d6b975;box-shadow:0 28px 80px #1c050780}.modal-close{position:absolute;left:18px;top:15px;border:0;background:#eaded2;border-radius:8px;width:30px;height:30px;cursor:pointer}.login-body{min-height:100vh;display:grid;place-items:center;padding:24px;background-color:#e9e1d6;background-image:repeating-linear-gradient(125deg,transparent 0 100px,#ad927114 102px 104px,transparent 106px 200px)}.login-shell{width:min(1010px,95vw);min-height:610px;display:grid;grid-template-columns:1.08fr .92fr;background:#fffaf3;border:1px solid #e1c98e;border-radius:32px;overflow:hidden;box-shadow:28px 32px 75px #4c221b31,-10px -10px 30px #fff}.login-visual{position:relative;min-height:610px;background:#640e15;overflow:hidden}.login-visual>img{width:100%;height:100%;object-fit:cover;display:block}.login-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#41070dcf 0,transparent 55%)}.visual-copy{position:absolute;z-index:2;right:35px;bottom:32px;color:#fff}.visual-copy span{font-size:10px;color:#e6c986;letter-spacing:1px}.visual-copy h2{font-size:27px;margin:4px 0}.visual-copy p{font-size:11px;color:#eadbd4}.login-card{padding:50px 44px;background:linear-gradient(145deg,#fffdf9,#f2e8dc);text-align:center;display:flex;flex-direction:column;justify-content:center}.login-logo{width:145px;height:105px;object-fit:cover;object-position:center 30%;margin:0 auto 12px;filter:drop-shadow(0 10px 15px #5b151526)}.login-card h1{font-size:25px;margin:7px}.eyebrow{font-size:9px;color:#8b2028;font-weight:800;letter-spacing:1px}.stack{display:grid;gap:14px;margin-top:24px;text-align:right}.install-link{display:block;margin-top:20px;font-size:10px;color:var(--muted)}
.report-totals{grid-template-columns:repeat(3,1fr)}.report-list{display:grid;gap:14px}.report-card{padding:18px;border:1px solid #dfd1bf;border-radius:17px;background:#fffaf3;box-shadow:0 8px 20px #5e281211}.report-card.unread{border-right:5px solid #7c161e;background:linear-gradient(110deg,#fff8e9,#fffdf9);box-shadow:0 12px 26px #65131b1e}.report-head{display:flex;align-items:center;gap:10px}.report-head p{margin:2px 0;font-size:10px;color:var(--muted)}.report-head>.badge{margin-right:auto}.report-note{padding:12px 14px;background:#f2e8dc;border-radius:11px;font-size:12px;line-height:1.8}.money-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.money-row span{padding:10px;border:1px solid #e1d1bd;background:#fffdf9;border-radius:10px;font-size:10px;color:var(--muted)}.money-row b{display:block;font-size:13px;color:#671018;margin-top:3px}.report-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.report-card time{font-size:9px;color:var(--muted)}.reviewed{font-size:10px;color:#34745a}.install-link{opacity:.65}.install-link:hover{opacity:1}.btn,.stat,.sidebar nav a{transition:transform .2s,box-shadow .2s}.btn:hover,.stat:hover{transform:translateY(-2px)}
@media(max-width:1024px){.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.calendar-grid{grid-template-columns:repeat(2,1fr)}.sidebar{transform:translateX(110%);transition:.25s}.menu-open .sidebar{transform:none}.app{margin-right:0}.menu-toggle{display:block;border:0;background:transparent;font-size:23px}.topbar,.content{padding-right:18px;padding-left:18px}.login-shell{grid-template-columns:1fr;width:min(500px,95vw)}.login-visual{min-height:270px}.login-card{padding:32px}.visual-copy{right:25px;bottom:18px}.money-row{grid-template-columns:1fr}}@media(max-width:520px){.stats,.form-grid,.report-totals{grid-template-columns:1fr}.content{padding:0 12px 25px}.topbar{height:90px}.top-actions{display:none}.calendar-grid{grid-template-columns:1fr}.day{min-height:75px}.login-visual{min-height:215px}.login-card{padding:25px 20px}.actions{flex-wrap:wrap}}

/* Exact login composition based on the approved Tasamuh Tech artwork. */
.exact-login-body{padding:0;overflow:hidden;background:#e8d8c6;display:grid;place-items:center}
.exact-login-stage{position:relative;width:min(100vw,177.683vh);aspect-ratio:1672/941;overflow:hidden;direction:ltr}
.exact-login-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;user-select:none;pointer-events:none}
.exact-login-form{position:absolute;inset:0;margin:0;pointer-events:none}
.exact-field{position:absolute;left:21.15%;width:21.25%;height:4.85%;border:0!important;border-radius:10px!important;background:rgba(235,221,204,.94)!important;box-shadow:none!important;padding:0 1.1%!important;color:#766d67!important;font-size:clamp(10px,1.15vw,19px)!important;font-family:Cairo,Arial,sans-serif!important;direction:ltr;pointer-events:auto}
.exact-user{top:56.05%}.exact-password{top:68.35%}
.exact-field:focus{outline:1px solid #b58742!important;background:rgba(239,226,210,.98)!important}
.exact-submit{position:absolute;left:20.5%;top:77.05%;width:22.7%;height:6.25%;border:0;border-radius:12px;background:transparent;cursor:pointer;pointer-events:auto}
.exact-submit span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.exact-submit:hover{background:#fff1;box-shadow:0 0 22px #e8c67a44}.exact-submit:active{transform:translateY(1px)}
.exact-login-error{position:absolute;z-index:3;left:20.5%;top:47.7%;width:22.7%;padding:.55% 1%;border-radius:8px;background:#7b151de8;color:#fff4e7;text-align:center;font-size:clamp(8px,.8vw,13px);direction:rtl}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-aspect-ratio:1/1){.exact-login-stage{width:auto;height:100vh;aspect-ratio:1672/941;transform:translateX(-15%)}}

/* Tasamuh Tech interior system — marble, royal red and champagne gold. */
body:not(.exact-login-body){background-color:#f2eadf;background-image:radial-gradient(circle at 22% 8%,#fffaf2 0 9%,transparent 30%),repeating-linear-gradient(128deg,transparent 0 115px,#a88c6820 117px 118px,transparent 120px 235px);background-attachment:fixed}
.sidebar{width:276px;padding:18px 17px;background:radial-gradient(circle at 50% 5%,#83272d,#4d090e 52%,#280407);border-left:3px double #d6af67;border-radius:32px 0 0 32px;box-shadow:inset 0 0 0 2px #541016,inset 0 0 28px #120103,0 0 0 5px #722028,0 16px 38px #3c0a1038}
.side-brand{min-height:165px;flex-direction:column;justify-content:center;text-align:center;padding:3px 6px 20px;font-size:17px}
.side-brand img{width:92px;height:92px;border-radius:24px;object-fit:cover;box-shadow:inset 0 0 0 1px #f2ddb0,0 10px 25px #160204aa;border:1px solid #d9b974}
.side-brand small{margin-top:5px;color:#e5cda3}.sidebar nav{gap:8px}.sidebar nav a{min-height:52px;padding:12px 19px;border:1px solid transparent;border-radius:15px;font-size:14px}.sidebar nav a i{margin-right:auto;color:#e4b957}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(145deg,#fffaf0,#e7d4b4);color:#491015;border-color:#f5e6c7;box-shadow:inset 1px 1px 2px #fff,0 9px 20px #180204b0}.sidebar nav a.active i{color:#6d131b}.side-user{padding:17px 9px 5px;border-top:1px solid #d3ad6566}.app{margin-right:276px}.topbar{height:132px;padding:26px 42px 23px;position:relative}.topbar:after{content:"";position:absolute;bottom:0;right:42px;left:42px;height:1px;background:linear-gradient(90deg,transparent,#c49b5f,#f8ecd8,#c49b5f,transparent);box-shadow:0 2px 5px #77442124}.topbar h1{font-size:29px;color:#3f1012;text-shadow:0 1px #fff;margin-bottom:2px}.topbar .top-kicker{color:#9b6b3b;font-size:8px}.top-actions{gap:9px}.top-icon,.online-pill{height:43px;border:1px solid #d7bd94;background:linear-gradient(145deg,#fffaf1,#e9ddca);box-shadow:inset 1px 1px 1px #fff,0 7px 16px #7443271b;color:#4b2520;border-radius:12px}.top-icon{width:43px;font-family:inherit;font-size:17px;cursor:pointer}.online-pill{display:flex;align-items:center;gap:8px;padding:0 14px;font-size:11px}.notification-pill{height:43px;display:flex;align-items:center}.content{padding:24px 42px 40px}.stat,.card{border:1px solid #d9c2a0;background:linear-gradient(145deg,#fffaf2,#eee3d4);box-shadow:inset 1px 1px 1px #fff,inset -1px -1px 1px #d3bea1,0 12px 24px #5b2b171c,0 3px 4px #5b2b171c}.card{border-radius:24px;padding:24px}.stat{border-radius:18px}.card-head{padding-bottom:14px;border-bottom:1px solid #dfccb0}.btn{min-height:40px}.btn.primary{background:linear-gradient(145deg,#8b232b,#4e0b10);border:1px solid #bb6c66;box-shadow:inset 1px 1px 1px #ce7775,0 7px 14px #5510183d}.btn.light{background:linear-gradient(145deg,#fffaf1,#e5d6c1);border-color:#d5bb92}.table-wrap{border:1px solid #deccb1;border-radius:15px;background:#fff9f0;scrollbar-color:#8a2730 #eadfce;scrollbar-width:thin}table{min-width:760px}th{background:linear-gradient(#f8efe2,#ebdecb);color:#512823}th,td{padding:14px 12px}.modal-card{border-radius:27px;border:2px solid #d2aa65;box-shadow:inset 0 0 0 4px #f6e7cc,0 30px 80px #28040799}
.sidebar-backdrop{display:none;position:fixed;inset:0;border:0;background:#2606099e;backdrop-filter:blur(3px);z-index:19}
.calendar-card{padding:26px;border-radius:28px}.calendar-toolbar{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;min-height:72px;margin-bottom:16px}.calendar-toolbar>div{text-align:center}.calendar-toolbar h2{font-size:20px;color:#461113;margin:2px 0}.calendar-caption{font-size:10px;color:#96724b}.month-arrow{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:31px;line-height:1;color:#591219;background:linear-gradient(145deg,#fffaf2,#e9dcca);border:1px solid #d6b988;box-shadow:inset 1px 1px #fff,0 6px 14px #76451f24}.month-arrow:hover{transform:translateY(-2px);box-shadow:0 9px 18px #68241727}.calendar-add{position:absolute;left:0}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:0;border:1px solid #d7bf99;border-radius:16px;overflow:hidden;background:#efe4d5}.day{border:0;border-left:1px solid #dcc9aa;border-bottom:1px solid #dcc9aa;border-radius:0;min-height:133px;padding:11px;background:linear-gradient(145deg,#fffaf1,#f2e8da);box-shadow:inset 1px 1px #fff}.day:hover{position:relative;z-index:1;background:#fffaf2;box-shadow:inset 0 0 0 1px #b88d54,0 8px 18px #4d19161d}.day.today{border:0;box-shadow:inset 0 0 0 2px #7c1921;background:#fff5e8}.day .date{text-align:center;color:#512b26;font-size:10px;margin-bottom:10px}.day-bookings{display:grid;gap:5px}.booking{position:relative;display:grid;grid-template-columns:7px 1fr;column-gap:6px;background:linear-gradient(145deg,#fffaf3,#eadbc5);color:#49231e;border:1px solid #d4b98e;border-right:1px solid #d4b98e;padding:6px 7px;border-radius:8px;font-size:9px;box-shadow:0 4px 8px #6a35151c}.booking i{grid-row:1/3;width:7px;height:7px;margin-top:3px;border-radius:50%;background:#8b1922;box-shadow:0 0 0 2px #8b19221a}.booking span{font-weight:700}.booking b{font-weight:500;overflow:hidden;text-overflow:ellipsis}.booking.status-completed i{background:#2c6d3c}.booking.status-follow_up i,.booking.status-assigned i{background:#c28a2d}.calendar-legend{display:flex;align-items:center;gap:30px;padding:14px 8px 0;font-size:10px;color:#70544b}.calendar-legend span{display:flex;align-items:center;gap:7px}.calendar-legend i{width:9px;height:9px;border-radius:50%;background:#8b1922}.calendar-legend .legend-completed{background:#2c6d3c}.calendar-legend .legend-waiting{background:#c28a2d}
@media(max-width:1180px) and (min-width:1025px){.sidebar{width:235px}.app{margin-right:235px}.content,.topbar{padding-right:26px;padding-left:26px}.calendar-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1024px){body:not(.exact-login-body){overflow-x:hidden}.app{margin-right:0;width:100%}.sidebar{width:min(320px,88vw);border-radius:25px 0 0 25px}.menu-open .sidebar-backdrop{display:block}.menu-open{overflow:hidden}.topbar{height:112px;padding-top:18px}.topbar:after{right:18px;left:18px}.page-heading h1{font-size:23px}.top-actions .top-icon{display:none}.online-pill{height:37px}.calendar-grid{grid-template-columns:repeat(3,1fr)}.calendar-add{position:static;margin-right:auto}.calendar-toolbar{justify-content:flex-start}.calendar-toolbar>div{min-width:130px}.content{padding-top:18px}.stats{gap:12px}}
@media(max-width:680px){.topbar{height:96px;padding:13px 14px}.topbar .top-kicker,.topbar .page-heading>p:last-child{display:none}.topbar h1{font-size:19px}.top-actions{margin-right:auto}.online-pill{padding:0 9px;font-size:9px}.content{padding:14px 12px 28px}.card{padding:15px;border-radius:18px}.stats{grid-template-columns:1fr 1fr}.stat{padding:15px}.stat .number{font-size:23px}.stat .icon{width:37px;height:37px}.grid-2{gap:12px}.calendar-card{padding:12px}.calendar-toolbar{display:grid;grid-template-columns:40px 1fr 40px;gap:8px;margin-bottom:12px}.calendar-toolbar h2{font-size:16px}.month-arrow{width:38px;height:38px}.calendar-add{grid-column:1/-1;width:100%;margin:0}.calendar-grid{grid-template-columns:repeat(2,1fr);border-radius:12px}.day{min-height:110px}.calendar-legend{flex-wrap:wrap;gap:12px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.modal-card{width:96vw;max-height:94vh;padding:18px}.card-head{align-items:flex-start;gap:10px}.card-head .actions{justify-content:flex-end}.report-totals{grid-template-columns:1fr}.money-row{grid-template-columns:1fr}table{min-width:690px}}
@media(max-width:390px){.calendar-grid{grid-template-columns:1fr}.day{min-height:90px}.stats{grid-template-columns:1fr}.online-pill{display:none}.topbar h1{font-size:17px}.menu-toggle{font-size:20px}.sidebar{width:92vw}.card-head{flex-direction:column}.card-head .actions,.card-head .actions .btn{width:100%}.actions{width:100%}.actions .btn{flex:1}.calendar-toolbar>div{min-width:0}.calendar-toolbar h2{font-size:14px}}

.demo-credentials{position:absolute;z-index:4;left:2.1%;bottom:2.7%;width:17.5%;padding:.7% .8%;border:1px solid #c9a56b;border-radius:12px;background:rgba(255,248,237,.93);box-shadow:inset 1px 1px #fff,0 8px 20px #4b170f24;direction:rtl;text-align:right;color:#4c1715;font-size:clamp(6px,.61vw,10px)}.demo-credentials strong{display:block;margin-bottom:4px;color:#6d151c}.demo-account{width:100%;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:4px;padding:5px 2px;border:0;border-top:1px solid #dec8a7;background:transparent;color:inherit;font:inherit;text-align:right;cursor:pointer;border-radius:5px;transition:.18s}.demo-account:hover,.demo-account.selected{background:#7b171f;color:#fff8eb;transform:translateY(-1px)}.demo-account code{direction:ltr;padding:2px 4px;border-radius:5px;background:#eadbc6;color:#5a1518;font-family:Consolas,monospace;font-size:inherit}.demo-account:hover code,.demo-account.selected code{background:#f4dfb7}
.side-brand img{width:108px;height:108px;border-radius:0;object-fit:contain;background:transparent;box-shadow:none;border:0;filter:drop-shadow(0 10px 10px #17020499)}
.sidebar nav{direction:rtl}.sidebar nav a{direction:rtl;text-align:right;justify-content:flex-start;gap:0}.sidebar nav a i{margin:0 0 0 12px;flex:0 0 25px}.sidebar nav a span{display:block;flex:0 1 auto;text-align:right}.sidebar .nav-badge{margin-right:auto;margin-left:0}.side-user{direction:rtl;text-align:right}.side-user>a{margin-right:auto;margin-left:0}
@media(max-aspect-ratio:1/1){.demo-credentials{left:16.5%;bottom:1.5%;width:25%;font-size:7px}}

.app-header-logo{width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 7px 7px #4c0c1233);margin-left:14px}.page-heading{margin-left:auto}.report-lock-shell{min-height:calc(100vh - 210px);display:grid;place-items:center}.report-lock-card{width:min(470px,100%);padding:35px;text-align:center;border:2px solid #cfaa6e;border-radius:27px;background:linear-gradient(145deg,#fffaf1,#eadfce);box-shadow:inset 0 0 0 4px #f8ead3,0 20px 50px #4510142b}.lock-emblem,.security-icon{display:grid;place-items:center;color:#f4dca9;background:linear-gradient(145deg,#8c252d,#43080c);border:1px solid #d4ad68;box-shadow:inset 1px 1px #c96365,0 10px 22px #55101944}.lock-emblem{width:72px;height:72px;margin:0 auto 14px;border-radius:22px;font-size:29px}.report-lock-card h2{margin:7px 0;font-size:21px}.secure-report-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding:10px 14px;border:1px solid #d6ba8d;border-radius:12px;background:#fff8e9;color:#67421d;font-size:11px}.secure-report-bar a{color:#791821;font-weight:800}.security-settings-card{display:grid;grid-template-columns:auto 1fr minmax(300px,1.1fr);align-items:center;gap:20px;border-color:#cda763}.security-icon{width:62px;height:62px;border-radius:19px;font-size:25px}.security-copy h2{margin:0 0 4px}.security-copy p{margin:0 0 8px;color:var(--muted);font-size:11px;line-height:1.7}.security-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.security-form .btn{grid-column:1/-1}.side-brand{min-height:178px}.side-brand img{display:block!important;opacity:1!important;visibility:visible!important}
@media(max-width:1024px){.app-header-logo{width:56px;height:56px}.security-settings-card{grid-template-columns:auto 1fr}.security-form{grid-column:1/-1;width:100%}}
@media(max-width:560px){.app-header-logo{width:42px;height:42px;margin-left:6px}.security-settings-card{grid-template-columns:1fr;text-align:center}.security-icon{margin:auto}.security-form{grid-template-columns:1fr}.security-form .btn{grid-column:auto}.report-lock-card{padding:25px 18px}.topbar .app-header-logo{display:block}}

.app-loader{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#fffaf0 0,#eadfce 45%,#d7c5aa 100%);opacity:1;visibility:visible;transition:opacity .55s ease,visibility .55s ease}.app-loader:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(126deg,transparent 0 110px,#9b7c5420 112px 113px,transparent 115px 225px)}.app-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-stage{position:relative;width:260px;height:300px;display:grid;place-items:center;perspective:900px}.loader-stage>img{position:relative;z-index:3;width:155px;height:155px;object-fit:contain;filter:drop-shadow(0 18px 17px #4a0c134d);animation:loaderLogoFloat 2s ease-in-out infinite,loaderLogoTurn 3.2s ease-in-out infinite}.loader-ring{position:absolute;top:24px;width:210px;height:210px;border-radius:50%;border:3px solid transparent;background:linear-gradient(#f4eadb,#f4eadb) padding-box,conic-gradient(from 0deg,transparent 0 18%,#6d1018 29%,#e0bd73 48%,transparent 66%,#b27a32 84%,transparent) border-box;box-shadow:inset 0 0 24px #7b1a2020,0 15px 35px #4e131826;animation:loaderRingSpin 2.1s linear infinite}.loader-ring.ring-two{top:35px;width:188px;height:188px;border-width:1px;animation-direction:reverse;animation-duration:3.1s;transform:rotateX(67deg);opacity:.75}.loader-copy{position:absolute;z-index:4;bottom:28px;text-align:center;color:#551017}.loader-copy strong{display:block;font-size:18px}.loader-copy span{font-size:10px;color:#8b6a55}.loader-progress{position:absolute;bottom:5px;width:165px;height:5px;border-radius:10px;background:#d5c4aa;overflow:hidden;box-shadow:inset 0 1px 3px #6e3a2733}.loader-progress i{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#651019,#d3aa60,#651019);animation:loaderProgress 1.25s ease-in-out infinite}.calendar-booking-day{position:relative;cursor:pointer}.calendar-booking-day:focus{outline:2px solid #8a2028;outline-offset:-3px}.day-add-hint{position:absolute;left:7px;bottom:5px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#71151c;color:#f9e4b6;font-size:14px;opacity:0;transform:scale(.75);transition:.2s;box-shadow:0 5px 10px #4c0b1233}.calendar-booking-day:hover .day-add-hint,.calendar-booking-day:focus .day-add-hint{opacity:1;transform:scale(1)}.calendar-legend small{margin-right:auto;color:#7b5c50}
@keyframes loaderRingSpin{to{transform:rotate(360deg)}}@keyframes loaderLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes loaderLogoTurn{0%,100%{filter:drop-shadow(0 18px 17px #4a0c134d)}50%{filter:drop-shadow(-12px 22px 20px #4a0c1360)}}@keyframes loaderProgress{0%{transform:translateX(145%)}100%{transform:translateX(-245%)}}
@media(prefers-reduced-motion:reduce){.loader-stage>img,.loader-ring,.loader-progress i{animation-duration:.001ms;animation-iteration-count:1}}
@media(max-width:420px){.loader-stage{transform:scale(.82)}.calendar-legend small{width:100%;margin:0}}

/* Inventory dashboard — royal red, marble and gold */
.stock-hero{position:relative;isolation:isolate;padding:24px;border-radius:46px 46px 28px 28px;overflow:hidden;background:radial-gradient(circle at 65% -25%,#8d2d31 0,transparent 38%),linear-gradient(145deg,#72151c,#35080c 75%);border:1px solid #d4aa5f;box-shadow:inset 0 0 0 4px #65141a,inset 0 0 0 6px #d6af6a,0 22px 45px #3d0b1133}.stock-hero:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.2;background-image:repeating-radial-gradient(circle at 35% 20%,transparent 0 18px,#f2c86b22 19px 20px,transparent 21px 37px)}.stock-circuit{position:absolute;z-index:-1;top:32px;right:0;width:43%;height:210px;opacity:.62;background:linear-gradient(90deg,transparent 0 11%,#e6bd6e 11% 11.5%,transparent 11.5% 28%,#e6bd6e 28% 28.5%,transparent 28.5%),linear-gradient(0deg,transparent 0 30%,#e6bd6e 30% 31%,transparent 31% 61%,#e6bd6e 61% 62%,transparent 62%);clip-path:polygon(0 5%,100% 5%,100% 92%,17% 92%,17% 72%,0 72%)}.stock-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1040px;margin:0 auto 22px}.stock-kpi{min-height:122px;padding:18px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff3df;border:1px solid #c48b46;border-radius:24px;background:linear-gradient(145deg,#7c2025,#4c0d12);box-shadow:inset 1px 1px 0 #d36b67,0 15px 25px #17030680}.stock-kpi>div{display:grid;gap:5px}.stock-kpi small{font-size:12px;color:#ead8c8}.stock-kpi strong{font-size:28px}.stock-kpi em{font-size:10px;color:#9fd18e;font-style:normal}.stock-kpi-icon{flex:0 0 64px;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:26px;color:#f4d487;border:2px solid #e4b65d;background:linear-gradient(145deg,#6c171d,#34070a);box-shadow:inset 0 0 0 5px #a75c3429,0 0 16px #efbd6470}.stock-workspace{display:grid;grid-template-columns:255px minmax(0,1fr);gap:10px;direction:ltr}.stock-main,.stock-level-panel{direction:rtl}.stock-main{min-width:0}.stock-main .card{margin-bottom:10px;border-radius:27px;border-color:#d6bc90;background:linear-gradient(145deg,#fffaf1,#eadbca);box-shadow:inset 0 0 0 3px #fff8,0 11px 20px #1f050839}.stock-level-panel{padding:25px 18px;color:#4c1a18;text-align:center;border-radius:36px 36px 26px 26px;background:linear-gradient(145deg,#fffaf0,#ead9c6);border:1px solid #dbbb82;box-shadow:inset 0 0 0 4px #fff9,0 14px 25px #1d050846}.stock-level-panel h2{font-size:16px;margin:4px 0 22px}.stock-gauge{--angle:calc(var(--stock-health) * 1.8deg);position:relative;width:185px;height:105px;margin:0 auto 18px;overflow:hidden}.stock-gauge:before{content:"";position:absolute;width:165px;height:165px;right:10px;top:9px;border-radius:50%;background:conic-gradient(from 270deg,#275c35 var(--angle),#e7c578 var(--angle) 180deg,transparent 180deg);filter:drop-shadow(0 4px 5px #4c201c28)}.stock-gauge:after{content:"";position:absolute;width:120px;height:120px;right:32px;top:31px;border-radius:50%;background:#f6ecdf}.stock-gauge>div{position:absolute;z-index:2;inset:45px 0 auto;display:grid}.stock-gauge small{font-size:9px;color:#856d61}.stock-gauge strong{font-size:24px}.stock-gauge span{font-size:10px;color:#326644;font-weight:700}.stock-level-meta{padding:14px 0;border-top:1px solid #d2b580;border-bottom:1px solid #d2b580;display:grid;gap:12px}.stock-level-meta span{display:flex;justify-content:space-between;font-size:10px}.stock-health-badge{margin-top:20px;padding:12px;border-radius:14px;background:#fff8ed;box-shadow:0 7px 15px #5c28141a;font-size:11px;font-weight:700;color:#336244}.stock-health-badge i{display:inline-block;width:9px;height:9px;margin-left:7px;border-radius:50%;background:#337346;box-shadow:0 0 0 5px #33734619}.stock-filters{display:grid;grid-template-columns:minmax(180px,1fr) 220px auto auto;align-items:end;gap:10px;margin:0 0 16px}.stock-filters label{gap:4px;color:#795b4e}.stock-items-card table,.stock-moves-card table{border:1px solid #d7c09e;border-radius:13px;overflow:hidden}.stock-items-card th,.stock-moves-card th{background:linear-gradient(#efe0cc,#e6d3bb)}.stock-items-card tr:hover td,.stock-moves-card tr:hover td{background:#fff9ef}

.calendar-booking-day.past-day{cursor:not-allowed;background:linear-gradient(145deg,#e8dfd4,#ded3c6);filter:saturate(.55)}.calendar-booking-day.past-day .day-add-hint{display:none}.calendar-booking-day.past-day:after{content:"🔒";position:absolute;left:8px;bottom:7px;font-size:12px;opacity:.55}.calendar-booking-day.overdue-day{cursor:default;filter:none;background:linear-gradient(145deg,#fff0df,#ead6c1);box-shadow:inset 0 0 0 2px #b36b2b}.calendar-booking-day.overdue-day:after{content:"متأخر";left:6px;bottom:6px;padding:2px 6px;border-radius:10px;background:#8a2028;color:#fff;font-size:8px;font-weight:800;opacity:1;animation:overduePulse 1.6s ease-in-out infinite}.calendar-booking-day.overdue-day .booking:not(.status-completed){border-color:#9f3b31}.app-toast{position:fixed;z-index:100000;right:50%;bottom:28px;transform:translate(50%,20px);max-width:min(390px,calc(100vw - 28px));padding:12px 18px;border:1px solid #deb76a;border-radius:14px;background:linear-gradient(145deg,#6f151c,#3c080c);color:#fff5df;font:700 12px Cairo,Arial,sans-serif;box-shadow:0 16px 38px #28060a73;opacity:0;pointer-events:none;transition:.25s}.app-toast.show{opacity:1;transform:translate(50%,0)}@keyframes overduePulse{50%{box-shadow:0 0 0 5px #8a202824}}

@media(max-width:1050px){.stock-kpis{gap:12px}.stock-workspace{grid-template-columns:1fr}.stock-level-panel{display:grid;grid-template-columns:150px 1fr 1fr;align-items:center;gap:20px}.stock-level-panel h2{grid-column:1/-1;margin:0}.stock-gauge{margin:0}.stock-health-badge{margin:0}.stock-filters{grid-template-columns:1fr 1fr auto}}
@media(max-width:680px){.stock-hero{padding:12px;border-radius:25px}.stock-kpis{grid-template-columns:1fr}.stock-kpi{min-height:94px}.stock-workspace{display:flex;flex-direction:column}.stock-level-panel{display:block;order:-1;border-radius:24px}.stock-main .card{border-radius:20px}.stock-filters{grid-template-columns:1fr}.stock-filters .btn{width:100%}.stock-items-card .card-head,.stock-moves-card .card-head{display:grid}.stock-items-card .actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.stock-items-card .actions .success{grid-column:1/-1}.stock-kpi-icon{width:54px;height:54px;flex-basis:54px}}

/* 4D login scene — rebuilt as live HTML/CSS, without using the reference as a background. */
.motion-login-body{min-height:100vh;padding:clamp(12px,2.5vw,42px);overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 83% 15%,#fff3db 0 2%,transparent 19%),radial-gradient(circle at 12% 90%,#b38d5c2b,transparent 34%),linear-gradient(135deg,#cbbba6,#efe3d3 42%,#b49a7b);perspective:1600px}
.motion-login-body:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(122deg,transparent 0 128px,#72583b0d 130px 132px,transparent 134px 255px),radial-gradient(circle at 50% 50%,transparent 38%,#4b261827 130%)}
.motion-login-shell{--cream:#f2e7d7;--wine:#65131a;--deep-wine:#280507;--login-gold:#d7a957;position:relative;width:min(1580px,96vw);height:min(860px,92vh);min-height:620px;display:grid;grid-template-columns:43% 57%;direction:ltr;isolation:isolate;overflow:hidden;border:1px solid #f7e9ce;border-radius:42px;background:var(--cream);box-shadow:inset 0 0 0 3px #fff8,inset 0 -8px 18px #8f6a4130,0 38px 90px #3a1c1255,0 4px 8px #4e251d4a;transform-style:preserve-3d}
.motion-login-shell:before{content:"";position:absolute;inset:0;z-index:20;border-radius:inherit;pointer-events:none;box-shadow:inset 2px 2px 2px #fff,inset -3px -3px 4px #79532f55}
.motion-login-panel{position:relative;z-index:8;direction:rtl;background-color:var(--cream);background-image:radial-gradient(circle at 20% 10%,#fff9ef 0,transparent 32%),repeating-linear-gradient(118deg,transparent 0 105px,#ae8c6230 106px 107px,transparent 109px 215px);box-shadow:18px 0 35px #2c070a26}
.motion-login-panel:before,.motion-login-panel:after{content:"";position:absolute;right:-115px;width:235px;background:var(--cream);z-index:-1;filter:drop-shadow(8px 0 8px #26060724)}
.motion-login-panel:before{top:-65px;height:52%;border-radius:0 0 56% 48%/0 0 36% 74%;transform:rotate(-4deg)}
.motion-login-panel:after{bottom:-82px;height:53%;border-radius:48% 58% 0 0/73% 38% 0 0;transform:rotate(5deg)}
.motion-login-content{position:relative;z-index:3;width:min(470px,72%);margin:auto;height:100%;display:flex;flex-direction:column;justify-content:center;direction:rtl;color:#461317}
.motion-mini-brand{position:absolute;top:7%;right:0;left:0;display:flex;align-items:center;gap:15px;font-size:13px;font-weight:800;color:#65151b}.motion-mini-brand img{width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 12px 11px #4c0b143d)}
.motion-login-heading{margin:4% 0 25px}.motion-login-heading p{margin:0 0 7px;color:#9b6c3a;font-size:10px;font-weight:800;letter-spacing:.7px}.motion-login-heading h1{margin:0 0 8px;font-size:clamp(28px,2.5vw,46px);line-height:1.35;text-shadow:0 1px #fff}.motion-login-heading span{font-size:clamp(12px,1vw,17px);color:#7d6b61}
.motion-login-form{display:grid;gap:10px;perspective:900px}.motion-login-form>label{font-size:13px;color:#4d2b27;margin-top:5px}.motion-field{position:relative;height:58px;border:1px solid #c9aa78;border-radius:16px;background:linear-gradient(145deg,#fff9ed,#dfcfba);box-shadow:inset 2px 2px 3px #fff,inset -2px -2px 4px #9f7e573b,0 8px 18px #71452c1d;overflow:hidden;transition:.3s}.motion-field:before{content:"";position:absolute;inset:-2px;width:40%;background:linear-gradient(105deg,transparent,#f6cf78a6,transparent);transform:translateX(330%) skewX(-18deg);opacity:0}.motion-field:focus-within{border-color:#d3a54d;box-shadow:inset 1px 1px 2px #fff,0 0 0 3px #d5a54b29,0 8px 22px #8b5b2733}.motion-field:focus-within:before{opacity:1;animation:fieldReflection 1.6s linear infinite}.motion-field svg{position:absolute;z-index:2;right:18px;top:50%;width:22px;height:22px;transform:translateY(-50%);fill:none;stroke:#7a2428;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.motion-field input{position:absolute;inset:0;width:100%;height:100%;padding:0 54px 0 18px!important;border:0!important;border-radius:inherit!important;background:transparent!important;box-shadow:none!important;color:#4d2824!important;font-size:16px!important;direction:ltr;text-align:left;outline:0}.motion-field input:focus{box-shadow:none!important}
.motion-submit{position:relative;height:62px;margin-top:18px;overflow:hidden;border:1px solid #d3a75f;border-radius:16px;background:radial-gradient(circle at 50% 0,#97363c,#70151c 45%,#3b080c);color:#fff6e8;font:800 17px Cairo,Arial,sans-serif;cursor:pointer;transform:translateZ(0);transition:transform .2s,box-shadow .2s;box-shadow:inset 1px 1px 2px #d27070,inset 0 -4px 0 #3a070a,0 3px 0 #a06a31,0 12px 24px #4b101740}.motion-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffe8a68c 48%,transparent 74%);transform:translateX(130%);transition:transform .6s}.motion-submit i{position:absolute;left:4%;right:4%;bottom:4px;height:2px;border-radius:8px;background:linear-gradient(90deg,transparent,#ffd67a,#fff0bd,#ffd67a,transparent);box-shadow:0 0 12px #ffd267}.motion-submit:hover{transform:translateY(-3px);box-shadow:inset 1px 1px 2px #d27070,inset 0 -4px 0 #3a070a,0 6px 0 #935e2a,0 18px 30px #4b101750}.motion-submit:hover:before,.motion-submit.is-active:before,.motion-login-form.is-submitting .motion-submit:before{transform:translateX(-130%)}.motion-submit:active{transform:translateY(2px);box-shadow:inset 0 3px 8px #250306,0 1px 0 #8d5b2b,0 7px 14px #4b101738}.motion-login-form.is-submitting .motion-submit{transform:translateY(1px)}
.motion-login-error{margin:-10px 0 10px;padding:10px 13px;border:1px solid #b86b68;border-radius:12px;background:#75151de8;color:#fff5e6;font-size:11px;text-align:center;box-shadow:0 7px 18px #5b121830}
.motion-showcase{position:relative;z-index:1;overflow:hidden;direction:rtl;background:radial-gradient(circle at 40% 48%,#a63b3e 0,transparent 8%),radial-gradient(circle at 65% 28%,#8c282e,#551017 38%,#250406 86%);box-shadow:inset 24px 0 40px #1d0205aa;transform-style:preserve-3d}
.motion-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,#fbd88b 0 1px,transparent 1.8px) 0 0/44px 38px,linear-gradient(110deg,transparent 25%,#f4c66f12 54%,transparent 78%);opacity:.42;animation:starDrift 18s linear infinite}.motion-stars{position:absolute;inset:0;background:repeating-linear-gradient(165deg,transparent 0 31px,#ffd8860d 32px,#ffd88600 34px 58px);mix-blend-mode:screen}
.feature-cards{position:absolute;z-index:2;top:14%;right:2%;width:58%;height:65%;transform:perspective(1100px) rotateY(-8deg);transform-style:preserve-3d}.feature-card{position:absolute;top:0;width:46%;height:82%;padding:34px 25px;color:#ead6c1;border:1px solid #d8ab67a8;border-radius:20px;background:linear-gradient(145deg,#7b242bb8,#300609c4);box-shadow:inset 1px 1px #e7837755,0 15px 45px #12010299;backdrop-filter:blur(3px);opacity:.78}.feature-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent,#ffd88912,transparent);transform:translateX(-100%);animation:cardShimmer 7s ease-in-out infinite}.feature-card b{font-size:16px}.feature-icon{display:grid;place-items:center;width:52px;height:52px;margin:16px 0 25px;border:1px solid #d9ad64;border-radius:13px;color:#efc870;font-size:26px}.feature-card i{display:block;width:76%;height:8px;margin:15px 0;border-radius:5px;background:linear-gradient(90deg,#d4a65c80,transparent)}.card-calendar{right:46%;transform:translateZ(-10px)}.card-stock{right:23%;transform:translateZ(-55px) scale(.94)}.card-report{right:0;transform:translateZ(-110px) scale(.88)}
.orbital-cluster{--parallax-x:0deg;--parallax-y:0deg;position:absolute;z-index:6;left:35%;top:53%;width:410px;height:410px;transform:translate(-50%,-50%) rotateX(var(--parallax-x)) rotateY(var(--parallax-y));transform-style:preserve-3d;transition:transform .16s linear;perspective:1000px;perspective-origin:50% 50%;will-change:transform}.logo-glow{position:absolute;z-index:0;inset:23%;border-radius:50%;background:#f6bf5d66;filter:blur(32px);box-shadow:0 0 90px #f3bd57a8;animation:logoGlow 4s ease-in-out infinite}.orbit-plane{position:absolute;z-index:2;left:50%;top:50%;width:330px;height:330px;margin:-165px 0 0 -165px;transform-origin:50% 50%;transform-style:preserve-3d;will-change:transform}.orbit-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 20deg,#f4c66c,#67131b 14%,#a84142 32%,#3d070b 49%,#f3cc78 65%,#71161d 82%,#f5d48e);mask:radial-gradient(farthest-side,transparent calc(100% - 14px),#000 calc(100% - 13px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 14px),#000 calc(100% - 13px));filter:drop-shadow(0 0 5px #f1c56b) drop-shadow(0 12px 8px #1702058c);transform-style:preserve-3d}.orbit-ring:after{content:"";position:absolute;inset:8px;border:1px solid #ffe6a7;border-radius:50%;opacity:.55}.orbit-ring i{position:absolute;z-index:3;top:2px;left:50%;width:14px;height:14px;border-radius:4px;background:linear-gradient(145deg,#fff4bf,#d79632);box-shadow:0 0 13px #ffd976,0 0 26px #f2b748}.orbit-one{animation:orbitOne 6s linear infinite}.orbit-two{width:354px;height:354px;margin:-177px 0 0 -177px;animation:orbitTwo 9s linear infinite}.orbit-three{width:310px;height:310px;margin:-155px 0 0 -155px;animation:orbitThree 12s linear infinite}.motion-login-form.is-submitting~*,.motion-login-shell.login-success .orbit-plane{animation-duration:1.2s}
.motion-main-logo{position:absolute;z-index:8;left:50%;top:50%;width:165px;height:205px;object-fit:contain;transform:translate(-50%,-50%) translateZ(80px);filter:drop-shadow(0 22px 14px #170104a8) drop-shadow(0 0 7px #efc56b);animation:logoFloat 3.8s ease-in-out infinite}.logo-pedestal{position:absolute;z-index:1;left:50%;bottom:5%;width:230px;height:58px;border-radius:50%;transform:translateX(-50%) rotateX(65deg);background:linear-gradient(#7a1b22,#39070a);border:4px solid #d5a554;box-shadow:inset 0 8px 12px #bd5859,0 0 0 10px #dec9a7,0 0 0 13px #9b672f,0 15px 35px #140103,0 0 42px #eabb5c66}.logo-pedestal span{position:absolute;inset:20%;border-radius:50%;border:2px solid #f2c96d;box-shadow:0 0 18px #ffd879;animation:pedestalPulse 3.5s ease-in-out infinite}
.gold-circuits{position:absolute;z-index:7;left:0;bottom:2%;width:61%;height:33%;overflow:visible;fill:none;stroke:#e5b65b;stroke-width:3;filter:drop-shadow(0 0 4px #f6c965)}.gold-circuits path{stroke-dasharray:8 5;animation:circuitFlow 2.4s linear infinite}.gold-circuits path:nth-child(2){animation-delay:-.8s}.gold-circuits path:nth-child(3){animation-delay:-1.6s}.gold-circuits circle{fill:#3c080b;stroke:#f3cb77;stroke-width:4}
.motion-cubes{position:absolute;inset:0;z-index:5;pointer-events:none}.cube{position:absolute;width:14px;height:14px;border:1px solid #f3cd7f;border-radius:2px;background:linear-gradient(145deg,#ffe7a4,#9b5a22);box-shadow:4px 5px 7px #17020488,0 0 10px #e9b753;animation:cubeFloat 7s ease-in-out infinite;will-change:transform}.cube:nth-child(even){background:linear-gradient(145deg,#a43e43,#46090e);border-color:#c98670}.cube-1{left:8%;top:18%}.cube-2{left:17%;top:38%;animation-delay:-2s}.cube-3{left:12%;top:76%;animation-delay:-5s}.cube-4{left:47%;top:13%;animation-delay:-3s}.cube-5{left:58%;top:72%;animation-delay:-1s}.cube-6{left:77%;top:12%;animation-delay:-4s}.cube-7{left:88%;top:31%;animation-delay:-2.5s}.cube-8{left:93%;top:70%;animation-delay:-6s}.cube-9{left:69%;top:88%;animation-delay:-4.5s}.cube-10{left:34%;top:85%;animation-delay:-.5s}.cube-11{left:53%;top:40%;animation-delay:-5.5s}.cube-12{left:82%;top:54%;animation-delay:-3.5s}.cube-13{left:25%;top:9%;animation-delay:-1.5s}.cube-14{left:96%;top:18%;animation-delay:-6.5s}
.accounts-card .current-account{display:inline-flex;margin-right:7px;padding:2px 7px;border-radius:10px;background:#f1dfbd;color:#76161e;font-size:8px}.username-chip{direction:ltr;display:inline-block;padding:4px 8px;border:1px solid #dbc59f;border-radius:8px;background:#f6ecdd;color:#64131a}.account-form .employee-permissions{padding:14px;border:1px solid #ddc69f;border-radius:14px;background:#fff8ec;transition:.25s}.employee-permissions.is-hidden{display:none}.permission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.permission-option{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;border:1px solid #ddc9aa;border-radius:10px;background:#f5ead9;cursor:pointer}.permission-option input{width:auto}.permission-option span{display:none}.account-active{display:flex!important;grid-template-columns:auto 1fr;align-items:center;padding:11px;border-radius:11px;background:#eee5d7}.account-active input{width:auto}
@keyframes orbitOne{from{transform:rotateX(68deg) rotateZ(0)}to{transform:rotateX(68deg) rotateZ(360deg)}}@keyframes orbitTwo{from{transform:rotateY(66deg) rotateZ(360deg)}to{transform:rotateY(66deg) rotateZ(0)}}@keyframes orbitThree{from{transform:rotateX(53deg) rotateY(-28deg) rotateZ(0)}to{transform:rotateX(53deg) rotateY(-28deg) rotateZ(360deg)}}@keyframes logoFloat{0%,100%{transform:translate(-50%,-50%) translateZ(80px) translateY(0)}50%{transform:translate(-50%,-50%) translateZ(80px) translateY(-5px)}}@keyframes logoGlow{50%{transform:scale(1.14);opacity:.72}}@keyframes pedestalPulse{50%{box-shadow:0 0 34px #ffd879;opacity:.65}}@keyframes cubeFloat{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(12px,-18px,55px) rotate(145deg)}}@keyframes circuitFlow{to{stroke-dashoffset:-52}}@keyframes fieldReflection{to{transform:translateX(-260%) skewX(-18deg)}}@keyframes starDrift{to{background-position:88px 76px,0 0}}@keyframes cardShimmer{0%,55%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}
@media(max-width:1120px){.motion-login-shell{grid-template-columns:47% 53%;min-height:600px}.motion-login-content{width:72%}.orbital-cluster{left:42%;transform:translate(-50%,-50%) scale(.82) rotateX(var(--parallax-x)) rotateY(var(--parallax-y))}.feature-cards{right:-8%;width:67%}.motion-login-panel:before,.motion-login-panel:after{right:-85px;width:180px}}
@media(max-width:760px){.motion-login-body{padding:10px;overflow:auto}.motion-login-shell{width:min(580px,100%);height:auto;min-height:0;grid-template-columns:1fr;border-radius:28px;overflow:hidden}.motion-showcase{grid-row:1;height:330px}.motion-login-panel{grid-row:2;min-height:510px}.motion-login-panel:before,.motion-login-panel:after{display:none}.motion-login-content{width:min(440px,86%);padding:90px 0 45px}.motion-mini-brand{top:24px}.motion-login-heading{margin:0 0 18px}.motion-login-heading h1{font-size:30px}.motion-login-heading span{font-size:12px}.orbital-cluster{left:42%;top:53%;transform:translate(-50%,-50%) scale(.72) rotateX(var(--parallax-x)) rotateY(var(--parallax-y))}.feature-cards{top:13%;right:-12%;width:65%;height:70%}.feature-card{padding:20px 14px}.feature-card b{font-size:12px}.feature-icon{width:38px;height:38px;font-size:20px}.gold-circuits{height:38%;width:70%}.cube{transform:scale(.8)}.permission-grid{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.motion-login-body{padding:0}.motion-login-shell{border-radius:0;min-height:100vh}.motion-showcase{height:270px}.motion-login-panel{min-height:500px}.motion-login-content{width:88%;padding-top:82px}.motion-mini-brand{top:18px;font-size:10px}.motion-mini-brand img{width:58px;height:58px}.motion-login-heading h1{font-size:26px}.motion-field{height:54px}.motion-submit{height:57px}.orbital-cluster{left:43%;top:51%;transform:translate(-50%,-50%) scale(.58) rotateX(var(--parallax-x)) rotateY(var(--parallax-y))}.feature-cards{right:-21%;width:72%}.feature-card{height:86%}.gold-circuits{width:78%}}
@media(prefers-reduced-motion:reduce){.motion-showcase:before,.feature-card:after,.orbit-plane,.motion-main-logo,.logo-glow,.logo-pedestal span,.gold-circuits path,.cube,.motion-field:before{animation:none!important}.orbital-cluster{transition:none}.motion-submit{transition:none}}
.orbital-cluster{perspective:none}
body,input,select,textarea,button{font-family:Tahoma,Cairo,Arial,sans-serif}
.app-loader{transition-duration:.28s}
.badge.red{color:#fff;background:#a61724;box-shadow:0 0 0 3px #a6172420}.needs-action td{background:#fff5e8}
.pagination{display:flex;gap:6px;justify-content:center;margin:18px 0 3px;direction:ltr}.pagination a{min-width:32px;padding:6px 9px;border-radius:9px;text-align:center;background:#eee3d3;color:#681018;font-size:12px;font-weight:700}.pagination a.active{background:#701018;color:#fff}
@media(max-width:680px){input,select,textarea{font-size:16px!important}button,.btn,.menu-toggle,.modal-close{min-height:44px}.pagination a{min-width:40px;padding:9px}.table-wrap{scrollbar-width:thin}}

/* Keep wide tables inside their cards at desktop and mobile widths. */
.app,.content,.card,.grid-2,.grid-2>*,.stats>*,.form-grid>*{min-width:0}
.grid-2{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.table-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.today-booking{display:block;overflow-wrap:anywhere;font-size:13px;padding:10px;margin-bottom:8px}
.card-head{gap:12px;flex-wrap:wrap}.card-head>*,.page-heading{min-width:0}
.card-head h2,.report-note,.side-user>div{overflow-wrap:anywhere}
.form-grid input,.form-grid select,.form-grid textarea{min-width:0;max-width:100%}
.modal-card{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto}
.topbar{gap:12px}.page-heading h1{overflow-wrap:anywhere}
@media(max-width:1280px){.dashboard-grid{grid-template-columns:minmax(0,1fr)}.top-actions{flex-wrap:wrap;justify-content:flex-end}.topbar h1{font-size:24px}}
@media(max-width:1024px){.grid-2{grid-template-columns:minmax(0,1fr)}}
@media(max-width:680px){.card-head .actions{flex-wrap:wrap}.form-grid{grid-template-columns:minmax(0,1fr)}.form-grid .full{grid-column:1/-1}.calendar-toolbar{flex-wrap:wrap;gap:8px}.calendar-toolbar>div{min-width:0}.calendar-add{margin-right:0}.report-head,.report-card footer,.secure-report-bar{flex-wrap:wrap;gap:8px}.modal-card{padding:18px}.stats .number{font-size:28px}}
@media(max-width:360px){.page-heading h1{font-size:17px!important}.app-header-logo{width:32px!important;height:32px!important}.card-head .btn{white-space:normal}.permission-grid{grid-template-columns:minmax(0,1fr)}}

.dashboard-grid{align-items:start}