@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
:root{--wine:#6d0717;--wine-dark:#4a0610;--wine-2:#8d1527;--beige:#d8c6ae;--beige-2:#eee4d8;--cream:#fbf8f4;--paper:#fff;--ink:#2c1b20;--muted:#8c7b7c;--line:#eadfd8;--green:#159b65;--red:#d83b4d;--gold:#b59668;--blue:#4d718a;--shadow:0 18px 55px rgba(54,15,20,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 12% 8%,rgba(255,255,255,.95),transparent 28%),radial-gradient(circle at 90% 20%,rgba(109,7,23,.045),transparent 30%),linear-gradient(135deg,#fcfbf9,#f3ebe5);color:var(--ink);font-family:Cairo,Arial,sans-serif}.hidden{display:none!important}button,input,textarea,select{font:inherit}button{cursor:pointer}.btn{border:0;border-radius:12px;padding:11px 18px;font-weight:800;transition:.2s;display:inline-flex;gap:9px;align-items:center;justify-content:center}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn.primary{background:linear-gradient(135deg,var(--wine),#8b172a);color:#fff;box-shadow:0 9px 20px rgba(109,7,23,.18)}.btn.outline{background:#fff;border:1px solid #dcb6bb;color:var(--wine)}.btn.danger{background:#fff;border:1px solid #e4a9b0;color:#b51d32}.wide{width:100%}
/* login */
.login-page{min-height:100vh;display:grid;place-items:center;padding:30px;position:relative;overflow:hidden;background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.8),transparent 32%),linear-gradient(135deg,#4a0610,#6d0717 52%,#d9c7af)}.login-page:after{content:"";position:absolute;width:650px;height:650px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-220px;bottom:-280px;box-shadow:0 0 0 70px rgba(255,255,255,.04),0 0 0 140px rgba(255,255,255,.03)}.login-card{position:relative;z-index:2;width:min(455px,94vw);background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.7);border-radius:30px;padding:34px;box-shadow:0 35px 100px rgba(30,0,7,.28);text-align:center}.login-brand{display:flex;flex-direction:column;align-items:center;gap:8px}.login-brand img{width:min(270px,72%);height:auto;display:block}.login-brand span{font-size:13px;color:var(--gold);font-weight:800}.login-rule{height:2px;background:linear-gradient(90deg,transparent,var(--beige),transparent);margin:22px 0}.login-card h1{margin:0;font-size:28px;color:var(--wine)}.login-sub{color:var(--muted);font-size:13px;line-height:1.9;margin:8px 0 22px}.field{display:flex;flex-direction:column;gap:7px;text-align:right;margin:13px 0}.field>span{font-size:13px;font-weight:800;color:#624d50}.field>span b{color:var(--red)}.input-wrap{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:13px;padding:0 13px;color:var(--gold)}.input-wrap input{border:0;outline:0;padding:12px 3px;width:100%;background:transparent}.error-box{background:#fdebed;border:1px solid #f0bec5;color:#a31e31;border-radius:11px;padding:9px;margin-bottom:12px;font-size:13px}.login-foot{display:block;color:#9a8989;margin-top:16px}.side-brand img{width:145px;height:auto;object-fit:contain}.side-brand-copy{display:none}
/* shell */
.app-shell{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}.sidebar{background:linear-gradient(180deg,#5d0613 0%,#7d0d1f 46%,#650714 74%,#43050e 100%);color:#fff;padding:20px 13px 18px;display:flex;flex-direction:column;gap:12px;position:sticky;top:0;height:100vh;overflow:hidden}.sidebar:after{content:"";position:absolute;left:-80px;bottom:-100px;width:270px;height:190px;border:2px solid rgba(238,222,202,.7);border-radius:50%;transform:rotate(-10deg);box-shadow:0 0 0 18px rgba(255,255,255,.02)}.side-brand{display:flex;align-items:center;justify-content:center;padding:6px 0 15px;border-bottom:1px solid rgba(255,255,255,.14)}.side-profile{display:flex;align-items:center;gap:9px;padding:9px;border-radius:14px;background:rgba(255,255,255,.08);position:relative}.side-profile>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.side-profile small{color:#ead9cf;font-size:10px}.profile-avatar,.patient-avatar,.big-avatar{display:grid;place-items:center;font-weight:900}.profile-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#f2e9df,#c9b59d);color:var(--wine);flex:0 0 auto}.online-dot{width:8px;height:8px;border-radius:50%;background:#3fd093;box-shadow:0 0 0 4px rgba(63,208,147,.13);margin-right:auto}.nav{display:flex;flex-direction:column;gap:5px}.nav button,.logout{border:0;background:transparent;color:#fff;border-radius:12px;padding:12px 12px;text-align:right;font-weight:700;display:flex;align-items:center;gap:10px}.nav button:hover,.nav button.active{background:linear-gradient(90deg,rgba(255,255,255,.17),rgba(255,255,255,.06));box-shadow:inset -3px 0 var(--beige)}.logout{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);border-radius:0;padding-top:16px}.main-content{min-width:0;padding:0 24px 28px}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.crumb{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:12px}.crumb strong{color:var(--wine)}.top-actions{display:flex;align-items:center;gap:18px}.icon-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--wine);position:relative;font-size:20px}.icon-btn i{position:absolute;right:-3px;top:-3px;background:var(--red);color:#fff;width:18px;height:18px;border-radius:50%;font-size:10px;font-style:normal;display:grid;place-items:center;border:2px solid #fff}.top-user{display:flex;align-items:center;gap:10px}.top-user>div:first-child{display:flex;flex-direction:column;text-align:right}.top-user small{font-size:10px;color:var(--muted)}
/* hero */
.hero-banner{height:174px;border-radius:22px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:space-between;padding:22px 38px;background:linear-gradient(100deg,#fff 0%,#f5e9de 38%,#7a0a1b 72%,#5a0611 100%);border-bottom:3px solid var(--gold);box-shadow:0 22px 60px rgba(54,15,20,.13),inset 0 1px 0 rgba(255,255,255,.75)}.hero-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 42% 30%,rgba(255,255,255,.85),transparent 30%),linear-gradient(110deg,transparent 48%,rgba(255,255,255,.09) 48%,transparent 52%)}.hero-logo{z-index:1;background:rgba(255,255,255,.84);border-radius:18px;padding:8px 16px;box-shadow:0 12px 30px rgba(70,25,20,.12)}.hero-logo img{width:235px;display:block}.hero-copy{z-index:1;text-align:right;color:#fff}.hero-copy span{font-size:12px;color:#ead8c7}.hero-copy h1{margin:6px 0 0;font-size:30px;letter-spacing:-.5px}.hero-copy p{margin:3px 0;color:#f7e9df;font-size:14px}.hero-orbit{position:absolute;width:390px;height:390px;border:1px solid rgba(245,226,203,.35);border-radius:50%;right:-80px;top:-115px;box-shadow:0 0 0 24px rgba(255,255,255,.025),0 0 0 48px rgba(255,255,255,.02)}.welcome-line{display:flex;align-items:end;justify-content:space-between;margin:24px 3px 13px}.eyebrow{font-size:11px;color:#a58f8d;font-weight:800}.welcome-line h2{margin:2px 0 0;font-size:22px;color:#302025}.completion-pill{background:#e8f7f0;color:#148057;border:1px solid #ccebdd;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:800}
/* stats */
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:17px;min-height:114px;padding:18px;display:flex;align-items:center;gap:15px;box-shadow:0 7px 24px rgba(70,25,20,.055);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:var(--wine)}.stat-icon{width:47px;height:47px;border-radius:13px;display:grid;place-items:center;font-size:23px;font-weight:900;flex:0 0 auto}.stat-icon.wine{background:#f5e6e8;color:var(--wine)}.stat-icon.green{background:#e5f6ed;color:var(--green)}.stat-icon.red{background:#fde8eb;color:var(--red)}.stat-icon.gold{background:#f6efe5;color:var(--gold)}.stat-card small{display:block;color:#756467;font-size:11px}.stat-card strong{display:block;font-size:29px;line-height:1.2;color:#263847}.stat-card em{display:block;color:#a29291;font-size:9px;font-style:normal}.progress-card:after{background:var(--gold)}.progress-copy{flex:1}.progress{height:7px;background:#eeeae7;border-radius:99px;margin-top:7px;overflow:hidden}.progress span{display:block;height:100%;border-radius:99px;background:var(--wine)}
/* table */
.card-shell{background:rgba(255,255,255,.74);border:1px solid var(--line);border-radius:20px;margin-top:17px;box-shadow:0 9px 30px rgba(70,25,20,.05);overflow:hidden}.section-head{display:flex;align-items:center;justify-content:space-between;padding:19px 20px 10px}.section-head h2{margin:2px 0 0;font-size:20px}.section-head h2 b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#edf5f8;color:#36718e;font-size:12px;margin-right:4px}.search-row{display:flex;align-items:center;gap:12px;padding:0 20px 15px}.search-box{height:45px;flex:1;background:#fff;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;gap:8px;padding:0 14px;color:var(--wine);font-size:20px}.search-box input{border:0;outline:0;width:100%;background:transparent;font-size:13px}.hint{font-size:10px;color:#a29191}.table-wrap{overflow:auto}.patient-table-head,.patient-row{min-width:1000px;display:grid;grid-template-columns:42px 1.55fr 95px 150px 92px 1.4fr 110px;gap:12px;align-items:center;padding:12px 18px}.patient-table-head{background:#fbf7f4;color:#6f5f60;font-size:11px;font-weight:900;border-top:1px solid #f0e8e3;border-bottom:1px solid #eee4de}.patient-row{background:#fff;border-bottom:1px solid #f0e8e3;min-height:70px;transition:.16s;cursor:pointer}.patient-row:hover{background:#fffaf7;box-shadow:inset -3px 0 var(--gold)}.row-no{font-weight:800;color:#9d8b8a;text-align:center}.patient-name{display:flex;align-items:center;gap:10px;min-width:0}.patient-avatar{width:39px;height:39px;border-radius:11px;background:linear-gradient(135deg,#f0e7dd,#d4c1ad);color:var(--wine);font-size:13px}.name-link{border:0;background:none;padding:0;color:var(--wine);font-weight:900;cursor:pointer;text-align:right}.patient-name small{display:block;color:#a08f90;font-size:8px;margin-top:2px}.dept{background:#f2e7de;color:#7a1a28;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800;width:max-content}.status{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:900;width:max-content}.status.complete{background:#e5f6ed;color:#137d53}.status.partial{background:#fff2df;color:#b56a08}.status.missing{background:#fde8eb;color:#c3263b}.last-note{font-size:10px;color:#67585b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view-btn{padding:7px 11px;font-size:10px;background:#fff;border:1px solid #e0b7bd;color:var(--wine);border-radius:10px}.empty{padding:30px;text-align:center;color:#9c8d8e;font-size:13px}footer{text-align:center;color:#a09090;font-size:10px;padding:18px}
/* detail */
.detail-overlay{position:fixed;inset:0;background:rgba(31,3,8,.48);z-index:30;backdrop-filter:blur(4px);overflow:auto;padding:22px}.detail-page{width:min(1180px,100%);margin:auto;background:#f8f5f2;border:1px solid rgba(255,255,255,.7);border-radius:26px;box-shadow:0 35px 100px rgba(0,0,0,.28);min-height:calc(100vh - 44px);overflow:hidden}.detail-top{height:78px;background:#fff;display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid var(--line)}.close-detail{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--wine);font-size:28px}.detail-top h1{margin:0;color:var(--wine);font-size:20px}.detail-top-actions{margin-right:auto}.patient-hero{margin:18px;display:flex;align-items:center;gap:16px;background:linear-gradient(100deg,#fff,#f7eee6);border:1px solid var(--line);border-radius:18px;padding:18px}.big-avatar{width:70px;height:70px;border-radius:18px;background:linear-gradient(135deg,#f0e4d7,#c9b299);color:var(--wine);font-size:23px}.patient-hero h2{margin:0;font-size:23px}.patient-hero p{margin:4px 0;color:#79696a;font-size:12px}.patient-hero p b{color:var(--wine)}.patient-hero p i{font-style:normal;color:var(--gold);padding:0 4px}.patient-meta{margin-right:auto;text-align:left;display:flex;flex-direction:column}.patient-meta span{font-size:9px;color:#9c8c8c}.patient-meta b{font-size:11px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.9fr);gap:15px;padding:0 18px}.detail-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px;box-shadow:0 5px 18px rgba(70,25,20,.04)}.detail-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.detail-card-title h3{margin:2px 0 0;font-size:17px}.detail-card-title h3 b{display:inline-grid;place-items:center;width:24px;height:24px;background:#f2e7de;color:var(--wine);border-radius:50%;font-size:10px}.gold-tag,.secure-mark{font-size:9px;font-weight:800;border-radius:999px;padding:6px 9px;background:#f7efe3;color:#9b7542}.secure-mark{background:#e8f7f0;color:#15845a}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gallery-item{border:0;padding:0;background:#eee;border-radius:12px;overflow:hidden;aspect-ratio:1;position:relative;cursor:pointer}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.gallery-item span{position:absolute;bottom:0;right:0;left:0;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff;font-size:8px;padding:18px 7px 7px;text-align:right}.gallery-empty{grid-column:1/-1;min-height:150px;border:1px dashed #ddcfca;border-radius:13px;display:grid;place-items:center;color:#9c8d8e;font-size:11px}.upload-form .field{margin:9px 0}.upload-form input,.upload-form textarea,.modal-card input,.modal-card select,.modal-card textarea{border:1px solid var(--line);border-radius:11px;padding:10px 12px;outline:0;background:#fff}.upload-form input:focus,.upload-form textarea:focus,.modal-card input:focus,.modal-card textarea:focus,.modal-card select:focus{border-color:#c89ca4;box-shadow:0 0 0 3px rgba(109,7,23,.05)}.file-drop{border:1.5px dashed #d6c2b9;border-radius:13px;padding:15px;text-align:center;display:flex;flex-direction:column;gap:4px;align-items:center;margin:12px 0;cursor:pointer;background:#fcfaf8}.file-drop input{display:none}.file-icon{width:34px;height:34px;border-radius:10px;background:#f5e7e7;color:var(--wine);display:grid;place-items:center;font-size:22px}.file-drop b{font-size:11px;color:var(--wine)}.file-drop small{font-size:8px;color:#a39292}.records-card,.timeline-card{margin:15px 18px}.record{display:flex;gap:10px;padding:12px 0;border-top:1px solid #f0e7e3}.record:first-child{border-top:0}.record-icon{width:31px;height:31px;border-radius:50%;background:#e6f6ef;color:#16865a;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.record-main{flex:1}.record-main>div{display:flex;justify-content:space-between;gap:12px}.record-main b{font-size:11px;color:#3e2a2e}.record-main span,.record-main small{font-size:9px;color:#9b8b8c}.record-main p{font-size:10px;margin:4px 0;color:#65575a}.text-danger{float:left;border:0;background:none;color:#b51d32;font-size:9px;font-weight:800}.timeline-item{display:flex;gap:13px;position:relative;padding:0 0 15px}.timeline-item>i{width:10px;height:10px;border-radius:50%;background:var(--gold);margin-top:5px;box-shadow:0 0 0 4px #f6eee5;flex:0 0 auto}.timeline-item:not(:last-child):after{content:"";position:absolute;right:4px;top:15px;bottom:0;width:1px;background:#e7dcd5}.timeline-item b{font-size:11px;color:var(--wine)}.timeline-item p{margin:3px 0;font-size:10px}.timeline-item small{font-size:8px;color:#9a8b8c}.admin-bar{margin:0 18px 18px;background:#fff7f3;border:1px solid #ecd6cc;border-radius:15px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:900;color:var(--wine)}.admin-bar>div{display:flex;gap:8px}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:100;display:grid;place-items:center;padding:35px}.lightbox img{max-width:92vw;max-height:82vh;border-radius:15px;box-shadow:0 20px 70px #000}.lightbox button{position:absolute;top:18px;right:22px;background:transparent;border:0;color:#fff;font-size:38px}.lightbox div{position:absolute;bottom:14px;color:#fff;font-size:11px}
/* modal */
.modal-backdrop{position:fixed;inset:0;background:rgba(31,3,8,.55);z-index:60;display:grid;place-items:center;padding:20px;backdrop-filter:blur(4px)}.modal-card{background:#fff;width:min(620px,96vw);border-radius:22px;padding:22px;box-shadow:0 30px 90px rgba(0,0,0,.28)}.modal-head{display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px}.modal-head h2{margin:3px 0 0;color:var(--wine);font-size:21px}.modal-close{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--wine);font-size:24px}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.modal-grid .full{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-start;gap:8px;border-top:1px solid var(--line);padding-top:15px;margin-top:6px}.toast{position:fixed;left:22px;bottom:22px;background:#2d1519;color:#fff;padding:12px 17px;border-radius:12px;z-index:120;box-shadow:0 10px 30px #0003;font-size:12px}
@media(max-width:1050px){.app-shell{grid-template-columns:80px 1fr}.sidebar{padding:14px 8px}.side-brand img{width:62px}.side-profile{justify-content:center}.side-profile>div:nth-child(2),.nav span,.logout span{display:none}.nav button,.logout{justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.hero-copy h1{font-size:25px}}
@media(max-width:760px){.main-content{padding:0 10px 20px}.topbar{height:62px}.crumb{display:none}.hero-banner{height:145px;padding:16px}.hero-logo img{width:150px}.hero-copy h1{font-size:19px}.hero-copy p{font-size:10px}.hero-copy span{font-size:9px}.welcome-line{margin-top:17px}.welcome-line h2{font-size:18px}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:12px;min-height:95px;gap:9px}.stat-icon{width:39px;height:39px;font-size:18px}.stat-card strong{font-size:23px}.hint{display:none}.search-row{padding:0 12px 12px}.section-head{padding:15px 12px 9px}.patient-table-head,.patient-row{min-width:850px}.detail-overlay{padding:0}.detail-page{border-radius:0;min-height:100vh}.detail-grid{grid-template-columns:1fr;padding:0 10px}.records-card,.timeline-card{margin:10px}.patient-hero{margin:10px}.patient-meta{display:none}.gallery{grid-template-columns:repeat(3,1fr)}.admin-bar{margin:10px}.detail-top{padding:10px}.modal-grid{grid-template-columns:1fr}.modal-grid .full{grid-column:auto}}
@media(max-width:480px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:sticky;top:0;z-index:25;flex-direction:row;align-items:center;padding:7px 8px}.side-brand{border:0;padding:0}.side-brand img{width:90px}.side-profile,.logout{display:none}.nav{flex-direction:row;margin-right:auto}.nav button{padding:8px 9px}.nav button:nth-child(n+3){display:none}.hero-banner{height:128px}.hero-logo{padding:5px 8px}.hero-logo img{width:115px}.hero-copy h1{font-size:16px}.hero-copy p{font-size:8px}.top-user>div:first-child{display:none}.top-actions{gap:8px}.stats-grid{grid-template-columns:1fr 1fr}.stat-card small{font-size:9px}.stat-card em{display:none}.completion-pill{font-size:9px;padding:6px 8px}.section-head h2{font-size:16px}.gallery{grid-template-columns:repeat(2,1fr)}.detail-top h1{font-size:17px}.patient-hero h2{font-size:18px}}

.field-hint{font-size:9px;color:#a18f8f;margin-top:-2px}.upload-form input[readonly]{background:#f8f3ee;color:#6d0717;font-weight:800;cursor:not-allowed}.upload-form input[readonly]:focus{border-color:var(--line);box-shadow:none}

/* FINAL UI POLISH */
.side-brand{min-height:78px}.side-brand img{width:170px;max-width:100%;filter:drop-shadow(0 5px 12px rgba(0,0,0,.18))}.nav-btn{position:relative;min-height:48px;justify-content:flex-start}.nav-btn .nav-icon,.logout .nav-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;font-size:20px}.nav-btn:hover::after,.logout:hover::after{content:attr(title);position:absolute;right:calc(100% + 9px);top:50%;transform:translateY(-50%);background:#2c1519;color:#fff;border:1px solid rgba(255,255,255,.12);padding:7px 10px;border-radius:9px;font-size:11px;font-weight:700;white-space:nowrap;z-index:80;box-shadow:0 8px 20px rgba(0,0,0,.22)}.nav-btn:hover,.nav-btn.active{box-shadow:inset -3px 0 var(--beige),0 5px 16px rgba(0,0,0,.08)}.hero-banner{padding:20px 34px;background:linear-gradient(105deg,#fffdfb 0%,#f7ede5 40%,#8a1326 73%,#650714 100%)}.hero-logo{background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.8);padding:10px 18px;display:flex;align-items:center}.hero-logo img{width:250px;height:auto;display:block}.hero-copy{max-width:58%;text-shadow:0 2px 10px rgba(54,15,20,.2)}.hero-copy span,.hero-copy h1,.hero-copy p{color:#fff}.hero-copy span{opacity:.95}.hero-copy h1{font-size:29px}.hero-copy p{opacity:.95}.top-user b{color:var(--wine)}.top-user small{font-weight:700}.admin-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.admin-info{border:1px solid var(--line);background:#fbf7f4;border-radius:15px;padding:16px}.admin-info h3{margin:6px 0;color:var(--wine)}.admin-info p{font-size:11px;color:#6f6062;margin:6px 0}.admin-settings{margin-top:18px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:10px;background:#fff}.setting-row div{display:flex;flex-direction:column;gap:4px}.setting-row b{color:var(--wine);font-size:12px}.setting-row small{color:#918283;font-size:9px}.setting-row>strong{color:var(--wine)}
@media(max-width:1050px){.side-brand img{width:62px}.nav-btn:hover::after,.logout:hover::after{right:auto;left:calc(100% + 8px)}}
@media(max-width:760px){.hero-banner{height:155px;padding:15px 18px}.hero-logo img{width:155px}.hero-copy{max-width:54%}.hero-copy h1{font-size:19px}.hero-copy p{font-size:10px}.admin-panel-grid{grid-template-columns:1fr}}
@media(max-width:480px){.side-brand img{width:88px}.nav-btn:hover::after,.logout:hover::after{display:none}.hero-banner{height:132px}.hero-logo{padding:6px 9px}.hero-logo img{width:105px}.hero-copy{max-width:58%}.hero-copy h1{font-size:16px}.hero-copy p{font-size:8px}}