*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(180deg,#f7f9fc,#eff3f8);color:#25364a}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:#f5f8fce6;border-right:1px solid #e0e8f2;padding:16px 14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand-logo{height:88px;border-radius:16px;background:#fff;border:1px solid #e3eaf2;display:grid;place-items:center;font-weight:700;color:#2c3d52;box-shadow:0 8px 24px #1f36520f}.menu{margin-top:18px;display:grid;gap:6px}.menu a{padding:10px 12px;border-radius:12px;font-size:14px;color:#55687d;transition:background .16s ease,color .16s ease}.menu a.active{background:#e8f3ff;color:#1778bc;font-weight:600}.main{padding:16px}.topbar{background:#ffffffe0;border:1px solid #e2e9f2;border-radius:16px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 24px #2239520f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar .right{display:flex;align-items:center;gap:12px}.staff-box{text-align:right;line-height:1.25}.staff-name{font-size:14px;font-weight:600;color:#2d3e52}.staff-role{font-size:12px;color:#8a9bae}.layout-grid{margin-top:12px;display:grid;grid-template-columns:1fr 290px;gap:12px}.panel{background:#ffffffeb;border:1px solid #e1e9f2;border-radius:16px;padding:12px;box-shadow:0 10px 30px #1d30490d}.tabs{display:flex;gap:8px;margin-bottom:12px}.tab{font-size:13px;padding:6px 11px;border-radius:999px;background:#f1f5f9;color:#4e6175}.tab.active{background:#d8edff;color:#167fc3}.sales-segmented{width:fit-content;gap:4px;margin-bottom:14px;padding:4px;border-radius:12px;border:1px solid #e2e9f2;background:#f3f6fa}.segment-tab{border:0;min-width:112px;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:500;color:#607287;background:transparent;cursor:pointer;transition:all .15s ease}.segment-tab:hover{color:#405469}.segment-tab.active{background:#fff;color:#1a2d42;box-shadow:0 1px 1px #1623340f,0 4px 10px #16233414}.toolbar{display:flex;justify-content:space-between;gap:8px;margin-bottom:12px}.toolbar input{width:240px;height:36px;border-radius:8px;border:1px solid #d4dfeb;padding:0 12px}.btn{border:1px solid #cfdcec;background:#fff;color:#496078;border-radius:12px;height:36px;padding:0 14px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2d49661f}.btn.primary{background:#14a9f5;color:#fff;border-color:#14a9f5}.visitor-table{width:100%;border-collapse:collapse;font-size:14px}.visitor-table th,.visitor-table td{border-top:1px solid #eef3f8;padding:10px 8px;text-align:left}.status-badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;color:#fff}.status-badge.green{background:#2eaf66}.status-badge.yellow{background:#e5a420}.status-badge.red{background:#dd4b39}.side-list{display:grid;gap:8px}.person-card{border:1px solid #e2eaf3;border-radius:10px;padding:9px 10px;font-size:13px}.muted{color:#8194a8}.crm-layout{align-items:start}.crm-main{min-height:calc(100vh - 130px);display:flex;flex-direction:column}.crm-header-tabs{display:flex;gap:8px;margin-bottom:10px}.crm-header-tabs .tab{border:none;cursor:pointer}.quick-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:10px}.action-btn{font-size:13px;height:42px;background:#f7fafc;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500}.action-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.action-icon svg{width:16px;height:16px;fill:currentColor}.sub-filter-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sub-filter-row .tab{border:none;cursor:pointer}.activity-feed{border:1px solid #e7eef6;border-radius:12px;overflow:hidden;background:#fff}.feed-empty{padding:14px 12px;color:#8194a8}.activity-row{display:grid;grid-template-columns:72px 1fr 220px 120px;gap:8px;padding:12px 10px;border-bottom:1px solid #eef3f8;font-size:14px;align-items:center}.activity-row:last-child{border-bottom:none}.activity-time{color:#5e7188;font-variant-numeric:tabular-nums}.activity-title{font-weight:500}.activity-operation{color:#61768e}.activity-amount{text-align:right;font-weight:600}.visitors-panel{display:flex;flex-direction:column;min-height:calc(100vh - 130px)}.visitors-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.visitors-head h3{margin:0}.count{background:#d8edff;color:#167fc3;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700}.entry-card{margin-bottom:8px}.person-name{font-weight:600}.bottom-search{margin-top:auto;padding-top:10px}.bottom-search input{width:100%;height:38px;border-radius:999px;border:1px solid #d4dfeb;padding:0 14px}.search-hints{margin-top:8px;border:1px solid #e2eaf3;border-radius:10px;overflow:hidden}.hint-row{padding:8px 10px;font-size:12px;border-bottom:1px solid #eef3f8}.hint-row:last-child{border-bottom:none}.page-split{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}.link-btn{border:none;background:transparent;color:#1778bc;cursor:pointer;text-align:left;padding:0}.mini-list{border:1px solid #e7eef6;border-radius:10px;overflow:hidden}.mini-row{padding:8px 10px;font-size:13px;border-bottom:1px solid #eef3f8}.mini-row:last-child{border-bottom:none}.operator-dashboard{display:flex;flex-direction:column;gap:12px}.operator-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.operator-body{display:grid;grid-template-columns:1fr 320px;gap:12px}.operator-sales,.operator-visitors{min-height:420px}.content-card{border:1px solid #dbe4ef;border-radius:16px;background:#fffffff0;box-shadow:0 8px 20px #1b2d450f;overflow:hidden}.content-card-head{padding:14px 14px 10px;border-bottom:1px solid #e7eef6;font-size:13px;color:#70839a;background:linear-gradient(180deg,#fdfefe,#f6f9fc)}.content-card-body{padding:12px}@media(max-width:1300px){.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.page-split{grid-template-columns:1fr}.operator-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.operator-body{grid-template-columns:1fr}}.clients-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.clients-page-shell{padding:18px;border-radius:20px;background:linear-gradient(180deg,#fffffff5,#f9fcfff2)}.clients-filters{margin-bottom:12px}.clients-search-form{width:100%;align-items:stretch}.clients-search-input{flex:1;width:100%!important;height:46px!important;font-size:16px;border-radius:12px!important}.clients-search-btn{height:46px;min-width:120px;font-size:15px;font-weight:600;border-radius:12px}.clients-filters .segment-tab{min-width:132px}.clients-table-head{display:grid;grid-template-columns:72px 1fr 180px 72px 160px;gap:8px;padding:11px 12px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#74879b;border-bottom:1px solid #eef3f8;background:linear-gradient(180deg,#fafdff,#f4f9ff)}.clients-table-head>span{padding-right:8px;border-right:1px solid #e7eef6}.clients-table-head>span:last-child{border-right:none}.clients-row{grid-template-columns:72px 1fr 180px 72px 160px;padding:13px 12px}.clients-row>div,.clients-row>button{padding-right:8px;border-right:1px solid #edf3f9}.clients-row>div:last-child{border-right:none;padding-right:0}.clients-row:nth-child(2n){background:#fbfdff}.clients-row:hover{background:#f2f8ff}.clients-feed .activity-row{border-bottom-color:#e5edf6}.clients-row-name{font-weight:600;color:#203247}.clients-row-status{color:#5b6f85}.gender-pill{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:24px;border-radius:999px;font-size:12px;font-weight:700}.gender-pill.male{color:#196fb8;background:#e8f4ff;border:1px solid #cbe3fb}.gender-pill.female{color:#bf4f8c;background:#ffeef8;border:1px solid #f8d5ea}.gender-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gender-option{border:1px solid #d5e0ec;border-radius:10px;height:36px;background:#fff;font-weight:600;cursor:pointer}.gender-option.male{color:#5b7ea3}.gender-option.female{color:#8f6a83}.gender-option.male.active{color:#196fb8;border-color:#cbe3fb;background:#e8f4ff}.gender-option.female.active{color:#bf4f8c;border-color:#f8d5ea;background:#ffeef8}.clients-stats{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.clients-stat-card{border:1px solid #dbe6f2;border-radius:14px;padding:12px;background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 6px 16px #22374f0d}.clients-stat-card.warning{border-color:#f1d2df;background:linear-gradient(180deg,#fff8fc,#fff2f8)}.clients-stat-card.neutral{border-color:#d8e4f0;background:linear-gradient(180deg,#f7fbff,#f2f8ff)}.clients-stat-label{font-size:12px;color:#7a8ea4}.clients-stat-value{margin-top:6px;font-size:22px;font-weight:700;color:#21354b;font-variant-numeric:tabular-nums}.clients-feed{border-radius:14px}.clients-detail-panel{border-radius:14px;background:linear-gradient(180deg,#fff,#f9fcff)}.clients-empty-state{min-height:200px;display:grid;align-content:center;gap:8px}.clients-empty-title{font-size:16px;font-weight:600;color:#24374c}.clients-header-row .muted{margin-top:4px}.modal-backdrop{position:fixed;inset:0;background:#111c2a52;display:flex;align-items:center;justify-content:center;padding:16px;z-index:30}.modal-card{width:min(520px,100%);background:#fffffffa;border:1px solid #e1e9f2;border-radius:18px;box-shadow:0 20px 45px #12253a2e;padding:14px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.clients-modal-card{width:min(700px,100%);padding:24px}.clients-modal-subtitle{margin-top:4px}.clients-modal-card h3{font-size:24px;line-height:1.2}.clients-modal-close{width:42px;height:42px;border:1px solid #d3dfeb;border-radius:12px;background:#fff;color:#4d6279;font-size:28px;line-height:1;cursor:pointer}.clients-modal-form{gap:14px}.clients-form-grid{display:grid;grid-template-columns:2fr .7fr;gap:14px}.clients-input-group{display:grid;gap:8px;font-size:15px;color:#5d7289}.clients-input-group>span{font-weight:600}.clients-input-group input{width:100%;height:42px;font-size:16px}.clients-checkbox{display:flex;align-items:center;gap:8px;font-size:15px;color:#4f6379;min-height:36px;border:1px solid #dbe5f0;border-radius:10px;padding:0 10px;background:#fbfdff}.clients-checkbox input{width:16px;height:16px;margin:0;accent-color:#14a9f5;cursor:pointer}.clients-checkbox span{line-height:1}.clients-modal-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:10px}.clients-cta-btn{height:42px;padding:0 18px;font-size:14px;font-weight:600;border-radius:14px}.clients-modal-action-btn{height:42px;min-width:146px;padding:0 18px;font-size:14px;font-weight:600;border-radius:14px}.locker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;border:1px solid #e3ebf4;border-radius:12px;padding:10px;background:#fbfdff;max-height:210px;overflow:auto}.locker-tile{height:44px;border:1px solid #d3dfeb;border-radius:10px;background:#fff;color:#3e5570;font-weight:600;cursor:pointer}.locker-tile.active{border-color:#14a9f5;background:#e8f5ff;color:#156ba5}.payment-segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border:1px solid #d8e3ef;border-radius:12px;background:#f2f6fa}.payment-segment{height:38px;border:0;border-radius:10px;background:transparent;color:#607388;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.payment-segment.active{background:#fff;color:#1f334a;box-shadow:0 1px 1px #1623340f,0 4px 10px #16233414}@media(max-width:1300px){.clients-stats,.clients-form-grid{grid-template-columns:1fr}}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px;position:relative;overflow:hidden;background:radial-gradient(circle at 18% 20%,#8cc8ff,#8cc8ff00 38%),radial-gradient(circle at 86% 75%,#b6f0d7,#b6f0d700 34%),linear-gradient(165deg,#0f1d2d,#1d3350 48%,#223d60)}.login-card{position:relative;z-index:2;width:min(470px,100%);background:linear-gradient(180deg,#fffffff5,#f7fbfff2);border:1px solid rgba(225,235,246,.8);border-radius:24px;padding:28px;box-shadow:0 24px 60px #08142347;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-form{display:grid;gap:13px}.login-btn{height:48px;font-size:15px;font-weight:700;border-radius:14px;margin-top:4px}.login-error{margin-top:12px;color:#b33a48;font-size:14px;padding:10px 12px;border-radius:12px;border:1px solid #f0cad0;background:#fff5f7}.login-badge{width:fit-content;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em;color:#0a72b8;border:1px solid #cbe3f8;background:#eef7ff}.login-backdrop-glow{position:absolute;width:340px;height:340px;border-radius:999px;filter:blur(10px);opacity:.7}.login-backdrop-glow-a{top:-120px;right:-80px;background:radial-gradient(circle,#5bc4ffe6,#5bc4ff00 70%)}.login-backdrop-glow-b{left:-120px;bottom:-120px;background:radial-gradient(circle,#81ffdae6,#81ffda00 70%)}.settings-shell{padding:16px}.settings-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.settings-tabs{background:#f4f7fb;border:1px solid #e2eaf3;border-radius:14px;padding:4px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-card{border-radius:16px;padding:14px}.settings-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.settings-primary{font-weight:600;color:#23384f}.settings-modal-card{width:min(560px,100%);padding:20px}@media(max-width:1300px){.settings-head{flex-direction:column;align-items:stretch}.settings-grid{grid-template-columns:1fr}}