@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
@import url('./staff.css');
@import url('./coupon.css');
@import url('./settlement.css');
@import url('./security.css');
@import url('./bulk.css');
@import url('./dashboard.css');
@import url('./reports.css');
@import url('./print-studio.css');
@import url('./access-control.css');
@import url('./auth-operational.css');
:root{--pink:#c3155a;--red:#f12035;--navy:#15223d;--teal:#079c8e;--orange:#f59e0b;--bg:#f5f7fa;--line:#e3e8ef;--muted:#687287;--text:#171b2c;--shadow:0 10px 30px rgba(20,31,55,.07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a{cursor:pointer}a{text-decoration:none;color:inherit}.shell{min-height:100vh}.shell>aside{position:fixed;inset:0 auto 0 0;width:248px;background:#fff;border-right:1px solid var(--line);padding:24px 17px;display:flex;flex-direction:column;z-index:30}.shell>aside>img{width:176px;margin:0 8px 22px}.workspace{padding:14px;background:#faf5f7;border:1px solid #f2e1e8;border-radius:12px;display:grid;gap:4px}.workspace small,.page-head span,.section-head span,.form-card>span,.canvas-head span{color:var(--pink);font:700 10px Manrope;letter-spacing:1.3px}.workspace span{font-size:11px;color:var(--muted)}.shell aside nav{display:grid;gap:6px;margin-top:22px}.shell aside nav a{padding:12px;border-radius:9px;font-weight:600}.shell aside nav a.active{background:#faeaf1;color:var(--pink)}.shell aside nav span{padding:12px;color:var(--muted);font-size:11px;line-height:1.5}.shell aside form{margin-top:auto}.shell aside form button{width:100%;border:0;background:#fff;padding:12px;text-align:left;color:#596275}.shell>main{margin-left:248px}.shell>main>header{height:70px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px}.shell header>div:first-of-type{display:grid;gap:3px}.shell header small{color:var(--muted)}.identity{display:flex;align-items:center;gap:10px}.identity>span,.avatar{background:linear-gradient(135deg,var(--pink),var(--red));color:#fff;border-radius:12px;display:grid;place-items:center;font-weight:800}.identity>span{width:36px;height:36px}.identity div{display:grid;font-size:12px}.menu{display:none}.content{max-width:1540px;margin:auto;padding:30px 34px 60px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1,.form-card h1{font:800 28px Manrope;margin:5px 0}.page-head p,.form-card p{margin:0;color:var(--muted)}.actions,.form-actions,.canvas-actions{display:flex;gap:10px}.primary,.secondary{min-height:40px;padding:10px 15px;border-radius:9px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.primary{background:linear-gradient(110deg,var(--red),var(--pink));color:#fff;box-shadow:0 6px 15px rgba(195,21,90,.2)}.secondary{background:#fff;border-color:var(--line)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.stats article,.empty-panel,.profile-card,.form-card,.table-card{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.stats article{padding:19px;display:grid;gap:7px}.stats small{color:var(--muted)}.stats b{font:800 24px Manrope}.searchbar{background:#fff;border:1px solid var(--line);padding:12px;border-radius:13px;display:flex;gap:10px;margin-bottom:14px}.searchbar input{flex:1;border:0;outline:0;padding:8px}.searchbar button{border:0;background:var(--navy);color:#fff;border-radius:8px;padding:0 18px}.table-card{overflow:hidden}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th{text-align:left;background:#fafbfc;color:#7d8798;text-transform:uppercase;font-size:10px;letter-spacing:.6px;padding:13px 15px}td{border-top:1px solid var(--line);padding:15px;color:#525d70}td b{color:var(--text)}td small{display:block;color:var(--muted);margin-top:4px}tbody tr{cursor:pointer}tbody tr:hover{background:#fcf7f9}.badge{padding:5px 9px;border-radius:20px;font-size:10px;font-weight:700;text-transform:capitalize}.badge.active,.badge.partially_used{background:#e4f6f2;color:#087b70}.badge.inactive,.badge.blocked,.badge.cancelled{background:#f5e9ed;color:#8e5364}.badge.fully_used{background:#e6effb;color:#175a90}.badge.expired{background:#fff0d9;color:#a46100}.empty{text-align:center;padding:45px}.pager{padding:15px;border-top:1px solid var(--line)}.pager nav>div:first-child{display:none}.pager nav>div:last-child{display:flex;align-items:center;justify-content:space-between}.pager span,.pager a{display:inline-flex;padding:7px 10px}.filter-layer{display:none;position:fixed;inset:0;z-index:50}.filters-open .filter-layer{display:block}.scrim{position:absolute;inset:0;border:0;background:#15223d99}.filter-canvas{position:absolute;right:0;top:0;bottom:0;width:min(410px,100%);background:#fff;padding:24px;box-shadow:-20px 0 50px #10182e22}.canvas-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.canvas-head h2{margin:5px 0}.canvas-head button{border:0;background:none;font-size:28px}.filter-canvas form{display:grid;gap:18px;margin-top:24px}.filter-canvas label,.form-grid label,.login-card label{display:grid;gap:7px;font-weight:700;font-size:12px}.filter-canvas select,.form-grid input,.form-grid select,.form-grid textarea,.login-card input{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px;background:#fff}.canvas-actions{position:absolute;bottom:24px;left:24px;right:24px}.canvas-actions>*{flex:1}.back{display:inline-flex;margin-bottom:16px;color:var(--pink);font-weight:700}.form-card{padding:27px;max-width:950px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.form-grid .wide{grid-column:1/-1}.form-grid textarea{min-height:80px;resize:vertical}.form-actions{justify-content:flex-end;margin-top:24px}.field-error{background:#fff0f2;border:1px solid #f7c8d0;color:#a20f32;padding:11px;border-radius:8px;margin:12px 0}.flash{padding:12px 15px;border-radius:10px;margin-bottom:18px}.flash.success{background:#e5f7f2;color:#067a6e}.profile-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px}.profile-card{padding:24px;height:max-content}.profile-card .avatar{width:76px;height:76px;font-size:22px;margin:auto}.profile-card h2{text-align:center}.profile-card>b{display:block;text-align:center;color:var(--pink)}.profile-card dl{display:grid;gap:5px;margin-top:24px}.profile-card dt{font-size:11px;color:var(--muted);margin-top:12px}.profile-card dd{margin:0;font-weight:600;overflow-wrap:anywhere}.section-head{padding:20px}.section-head h2{margin:5px 0}.empty-panel,.mobile-card{padding:30px}.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#fff1f6,var(--bg) 50%)}.login-card{width:min(440px,calc(100% - 30px));background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:0 24px 70px #27102018}.login-card>img{width:210px}.login-card>span{display:block;color:var(--pink);font-weight:800;letter-spacing:1.5px;margin-top:25px}.login-card h1{font:800 29px Manrope;margin-bottom:8px}.login-card p{color:var(--muted)}.login-card form{display:grid;gap:16px;margin-top:24px}.login-card .check{display:flex;align-items:center}.login-card .check input{width:auto}.login-card nav{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.login-card nav a{padding:7px 10px;background:var(--bg);border-radius:7px;font-size:11px}.login-card nav a.active{background:#fae8f0;color:var(--pink)}.mobile-app>header{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px}.mobile-app>header img{width:145px}.mobile-app>header form button{border:0;background:none;color:var(--pink)}.mobile-app>main{max-width:700px;margin:auto;padding:22px}.mobile-card{background:#fff;border:1px solid var(--line);border-radius:16px}
@media(max-width:900px){.shell>aside{transform:translateX(-100%);transition:.2s}.nav-open .shell>aside{transform:none}.shell>main{margin-left:0}.menu{display:block;border:0;background:none;font-size:22px}.content{padding:22px}.profile-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.shell>main>header{padding:0 15px}.identity div{display:none}.content{padding:18px 14px 45px}.page-head{align-items:stretch;flex-direction:column}.actions>*{flex:1}.stats{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.table-scroll{overflow:visible}table,thead,tbody,tr,th,td{display:block;min-width:0}thead{display:none}tbody{padding:8px}tbody tr{border:1px solid var(--line);border-radius:12px;margin:9px 0;padding:10px;background:#fff}td{border:0;padding:7px 8px;display:flex;justify-content:space-between;gap:15px;text-align:right}td:before{content:attr(data-label);color:var(--muted);font-size:11px;font-weight:700;text-align:left}td:first-child{display:block;text-align:left}.pager nav>div:last-child{align-items:flex-start;gap:8px;flex-direction:column}.login-card{padding:23px}}