/* ICC Service Center — Liquid Glass / violet multicolor gradient. Theme-only overrides.
   Loaded after style.css and admin-manager.css; no external JS/framework dependencies. */
:root{color-scheme:light;--lg-violet:#7049ea;--lg-deep:#4e2aaf;--lg-ink:#2b2255;--lg-muted:#756c91;--lg-border:rgba(255,255,255,.74);--lg-glass:rgba(255,255,255,.62);--lg-shadow:0 16px 45px rgba(67,43,130,.12);font-family:'Prompt','Noto Sans Thai',Tahoma,Arial,sans-serif;color:var(--lg-ink);background:#f0ebff}
*{scrollbar-color:#c6bbec #f4f1fc}body.icc-liquid-glass{background:radial-gradient(ellipse at 3% 6%,rgba(174,123,255,.4),transparent 32%),radial-gradient(ellipse at 92% 12%,rgba(90,225,248,.32),transparent 35%),radial-gradient(ellipse at 83% 92%,rgba(255,172,207,.4),transparent 34%),radial-gradient(ellipse at 18% 96%,rgba(255,208,142,.36),transparent 34%),linear-gradient(145deg,#efeaff 2%,#f9fbff 47%,#f7ecff 100%);min-height:100vh;padding:22px;isolation:isolate;overflow-x:hidden}
.icc-liquid-glass .ambient{position:fixed;z-index:-1;pointer-events:none;border-radius:50%;opacity:.62;filter:blur(18px)}.icc-liquid-glass .ambient-a{width:410px;height:410px;background:radial-gradient(circle at 42% 35%,#dfb5ff,#a47ff3 51%,transparent 74%);left:27%;top:-170px}.icc-liquid-glass .ambient-b{width:330px;height:330px;background:radial-gradient(circle,#7ae6ec,transparent 70%);right:-160px;top:36%}.icc-liquid-glass .ambient-c{width:420px;height:420px;background:radial-gradient(circle,#ffc0d5,transparent 72%);left:16%;bottom:-190px}
.icc-liquid-glass .app{max-width:1640px;margin:0 auto;min-height:calc(100vh - 44px);background:rgba(255,255,255,.29);border:1px solid rgba(255,255,255,.85);border-radius:29px;overflow:hidden;box-shadow:0 28px 85px rgba(69,43,143,.17),inset 0 1px 2px rgba(255,255,255,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.icc-liquid-glass a{color:#6543c4}.icc-liquid-glass :where(a,button,input,select,textarea):focus-visible{outline:3px solid rgba(118,80,229,.4);outline-offset:3px}
/* violet glass navigation */
.icc-liquid-glass .sidebar{width:246px;height:auto;min-height:calc(100vh - 44px);align-self:stretch;position:relative;top:auto;padding:24px 13px 16px;flex-shrink:0;background:radial-gradient(circle at 5% 3%,rgba(213,152,255,.62),transparent 31%),radial-gradient(circle at 96% 90%,rgba(50,212,227,.19),transparent 42%),linear-gradient(168deg,#7147d5 0%,#51319f 48%,#3c257f 100%);box-shadow:6px 0 34px rgba(48,20,116,.10);color:#fff;border-right:1px solid rgba(255,255,255,.18);overflow:visible}
.icc-liquid-glass .sidebar::after{content:'';position:absolute;bottom:50px;right:-50px;width:175px;height:175px;pointer-events:none;opacity:.27;border-radius:50%;background:radial-gradient(circle,rgba(140,231,249,.48),transparent 75%)}
.icc-liquid-glass .brand{position:relative;z-index:1;padding:6px 7px 23px;border-bottom:1px solid rgba(255,255,255,.19);gap:11px;color:#fff}
.icc-liquid-glass .brand-logo{width:44px;height:44px;flex-shrink:0;background:linear-gradient(140deg,rgba(255,255,255,.46),rgba(255,255,255,.12));border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 1px 1px rgba(255,255,255,.6),0 8px 22px rgba(35,13,85,.23);border-radius:15px;font-weight:700;font-size:14px;color:white}
.icc-liquid-glass .brand strong{font-size:12.5px;letter-spacing:.5px;color:#fff}.icc-liquid-glass .brand small{font-size:10px;color:#e1d3ff;margin-top:3px}
.icc-liquid-glass .menu-label{position:relative;z-index:1;margin:22px 12px 7px;letter-spacing:1px;font-weight:600;font-size:10px;color:#d7c7ff}
.icc-liquid-glass .sidebar nav{position:relative;z-index:1;flex:initial;display:grid;gap:3px}.icc-liquid-glass .sidebar nav a{gap:11px;padding:12px 14px;border-radius:13px;color:rgba(246,241,255,.88);line-height:1.25;font-size:12px;transition:background .18s,transform .18s,box-shadow .18s;border:1px solid transparent}
.icc-liquid-glass .sidebar nav a:hover{background:rgba(255,255,255,.15);color:#fff;transform:translateX(2px)}.icc-liquid-glass .sidebar nav a.active{padding:12px 14px;color:#fff;background:linear-gradient(112deg,rgba(255,255,255,.29),rgba(255,255,255,.12));border-color:rgba(255,255,255,.22);box-shadow:inset 0 1px rgba(255,255,255,.24),0 6px 18px rgba(39,16,110,.20)}
.icc-liquid-glass .sidebar .staff-label{margin-top:18px}.icc-liquid-glass .sidebar .quick-admin-nav{margin:0 0 12px}
.icc-liquid-glass .side-foot{margin-top:auto;position:relative;z-index:1;display:flex;align-items:center;gap:11px;padding:12px 10px;border-radius:17px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.11);box-shadow:inset 0 1px rgba(255,255,255,.11);line-height:1.55;color:#fff}
.icc-liquid-glass .side-foot-icon{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;border-radius:12px;color:#4c2c97;background:linear-gradient(135deg,#ffc3e5,#99ebfa);font-size:23px}.icc-liquid-glass .side-foot-copy{min-width:0}.icc-liquid-glass .side-foot-copy strong{display:block;font-size:10.5px;font-weight:600;color:#fff}.icc-liquid-glass .side-foot-copy small{display:block;font-size:9.5px;color:#e1d3ff}
/* topbar/content */
.icc-liquid-glass .main{min-width:0;background:rgba(255,255,255,.14)}.icc-liquid-glass .topbar{flex-shrink:0;min-height:74px;height:auto;padding:14px 31px;background:rgba(255,255,255,.19);border-bottom:1px solid rgba(255,255,255,.69);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.icc-liquid-glass .topbar strong{font-size:14px;color:#4d3696}.icc-liquid-glass .top-sub{font-size:11px;color:#8b80aa;margin-top:3px}.icc-liquid-glass .top-pill{display:inline-flex;gap:9px;align-items:center;border:1px solid rgba(255,255,255,.79);background:rgba(255,255,255,.67);color:#5a46a2;padding:9px 13px;border-radius:13px;font-size:11px;font-weight:600;box-shadow:inset 0 1px rgba(255,255,255,.9)}
.icc-liquid-glass .online-indicator{display:inline-block;height:8px;width:8px;border-radius:50%;background:#38c9a9;box-shadow:0 0 0 3px rgba(56,201,169,.15)}
.icc-liquid-glass .content{max-width:1440px;padding:27px 30px 55px}.icc-liquid-glass footer{color:#958aaa;border-top:1px solid rgba(255,255,255,.45);font-size:10px}
/* hero */
.icc-liquid-glass .hero{min-height:235px;border-radius:23px;padding:31px 38px;background:linear-gradient(110deg,rgba(97,56,218,.96) 0%,rgba(129,76,232,.93) 46%,rgba(206,101,217,.88) 76%,rgba(254,164,150,.86) 100%);box-shadow:0 17px 31px rgba(113,74,203,.22),inset 0 1px rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.52)}
.icc-liquid-glass .hero::before{content:'';position:absolute;width:210px;height:210px;right:155px;top:-133px;border-radius:50%;border:1px solid rgba(255,255,255,.25);box-shadow:0 0 0 29px rgba(255,255,255,.06),0 0 0 64px rgba(255,255,255,.045),0 0 0 102px rgba(255,255,255,.03)}
.icc-liquid-glass .hero::after{width:360px;height:360px;top:auto;bottom:-218px;right:-88px;background:radial-gradient(circle at 37% 25%,rgba(255,255,255,.53),rgba(194,206,255,.13) 42%,transparent 67%);border:1px solid rgba(255,255,255,.25)}
.icc-liquid-glass .hero h1{position:relative;z-index:1;font-size:29px;line-height:1.5;font-weight:700;letter-spacing:-.6px}.icc-liquid-glass .hero p:not(.eyebrow){position:relative;z-index:1;color:rgba(255,255,255,.9);max-width:510px;font-size:12px}.icc-liquid-glass .hero .eyebrow{position:relative;z-index:1;color:#f4dbff;font-size:10px;letter-spacing:2.2px}.icc-liquid-glass .hero-icon{z-index:1;color:rgba(255,255,255,.64);font-size:120px;text-shadow:0 10px 40px rgba(255,255,255,.3);padding-right:65px}
/* common cards */
.icc-liquid-glass .section-title{margin:27px 0 13px;color:#302659;font-weight:700;font-size:17px}.icc-liquid-glass .section-title small{color:#988bb5;font-size:9px;letter-spacing:1.5px}.icc-liquid-glass .service-grid{gap:16px}.icc-liquid-glass .service,.icc-liquid-glass .stat,.icc-liquid-glass .panel{background:var(--lg-glass);border:1px solid var(--lg-border);box-shadow:var(--lg-shadow),inset 0 1px 0 rgba(255,255,255,.8);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.icc-liquid-glass .service{border-radius:21px;min-height:186px;padding:23px 24px;transition:transform .2s,box-shadow .2s,background .2s}.icc-liquid-glass .service:hover{background:rgba(255,255,255,.77);border-color:rgba(255,255,255,.94);box-shadow:0 20px 40px rgba(104,67,177,.17);transform:translateY(-4px)}.icc-liquid-glass .service-icon{width:48px;height:48px;border-radius:14px;margin-bottom:14px;background:linear-gradient(135deg,#d9ddff,#edf6ff);box-shadow:inset 0 1px rgba(255,255,255,.86);font-size:23px}.icc-liquid-glass .service-icon.purple{background:linear-gradient(135deg,#edd5ff,#f7e8ff);color:#8b4bc8}.icc-liquid-glass .service-icon.blue{background:linear-gradient(135deg,#cfe8ff,#d9f8fb);color:#458ad2}.icc-liquid-glass .service strong{font-size:14px;color:#31265a}.icc-liquid-glass .service small{color:#837b99}.icc-liquid-glass .service-link{color:#7751d8}
.icc-liquid-glass .stat{border-radius:18px;min-height:130px;padding:21px}.icc-liquid-glass .stat:nth-child(1){background:linear-gradient(140deg,rgba(243,238,255,.8),rgba(255,255,255,.58))}.icc-liquid-glass .stat:nth-child(2){background:linear-gradient(140deg,rgba(233,251,255,.84),rgba(255,255,255,.56))}.icc-liquid-glass .stat:nth-child(3){background:linear-gradient(140deg,rgba(255,238,248,.82),rgba(255,255,255,.58))}.icc-liquid-glass .stat:nth-child(4){background:linear-gradient(140deg,rgba(255,248,226,.84),rgba(255,255,255,.58))}.icc-liquid-glass .stat strong{color:#5f42c3;font-size:29px;font-weight:700}.icc-liquid-glass .stat small{color:#7c719c}.icc-liquid-glass .stat span{color:#9a91ad}
.icc-liquid-glass .note{background:rgba(232,222,255,.50);border:1px solid rgba(255,255,255,.72);color:#6a5b9a;border-radius:14px}.icc-liquid-glass .page-head{margin-bottom:24px;position:relative;min-height:115px;align-items:center;border-radius:20px;padding:22px 26px;background:linear-gradient(108deg,rgba(98,57,222,.93),rgba(155,86,225,.89) 53%,rgba(249,147,189,.74));border:1px solid rgba(255,255,255,.50);box-shadow:0 15px 25px rgba(118,73,199,.14);overflow:hidden}.icc-liquid-glass .page-head::after{content:'';position:absolute;right:-55px;top:-125px;width:260px;height:260px;border-radius:50%;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 0 42px rgba(255,255,255,.06),0 0 0 80px rgba(255,255,255,.04);pointer-events:none}.icc-liquid-glass .page-head h1{color:#fff;font-size:23px;margin:5px 0}.icc-liquid-glass .page-head p:not(.eyebrow){color:#f4eaff;font-size:11px}.icc-liquid-glass .page-head .eyebrow{color:#f5dfff;font-size:10px;letter-spacing:1.8px}.icc-liquid-glass .page-head .btn{position:relative;z-index:1}
.icc-liquid-glass .panel{border-radius:20px;padding:25px}.icc-liquid-glass .panel h2{color:#352766;font-size:16px}.icc-liquid-glass .login{max-width:485px;margin:22px auto}.icc-liquid-glass .form label,.icc-liquid-glass .inline-form label{color:#54477c}.icc-liquid-glass .form input,.icc-liquid-glass .form select,.icc-liquid-glass .form textarea,.icc-liquid-glass .inline-form input,.icc-liquid-glass .update-form input,.icc-liquid-glass .update-form select{background:rgba(255,255,255,.75);border:1px solid rgba(173,156,214,.44);border-radius:12px;color:#3a2b65;box-shadow:inset 0 1px 2px rgba(112,76,184,.03);min-height:43px}
.icc-liquid-glass .form input:focus,.icc-liquid-glass .form select:focus,.icc-liquid-glass .form textarea:focus,.icc-liquid-glass .update-form input:focus,.icc-liquid-glass .update-form select:focus{outline:none;border-color:#8b6ce5;box-shadow:0 0 0 4px rgba(126,89,225,.14);background:rgba(255,255,255,.9)}
.icc-liquid-glass .btn{border-radius:12px;font-weight:600;transition:transform .16s,box-shadow .16s,background .16s}.icc-liquid-glass .btn:hover:not(:disabled){transform:translateY(-1px)}.icc-liquid-glass .btn.primary{background:linear-gradient(110deg,#6849e4,#a65ee9);color:#fff;box-shadow:0 9px 18px rgba(119,75,224,.22);border:1px solid rgba(255,255,255,.27)}.icc-liquid-glass .btn.primary:hover{background:linear-gradient(115deg,#5c3ad9,#9650db)}.icc-liquid-glass .btn.ghost{background:rgba(255,255,255,.52);border:1px solid rgba(255,255,255,.8);color:#6748b5}.icc-liquid-glass .btn.white{background:#fff;color:#6746c6;box-shadow:0 7px 22px rgba(47,22,113,.19)}
.icc-liquid-glass .hint,.icc-liquid-glass .muted{color:#8b80a6}.icc-liquid-glass .empty{background:rgba(255,255,255,.42);color:#8d83a4;border:1px dashed rgba(162,145,208,.4)}.icc-liquid-glass .alert{background:rgba(217,253,239,.71);border:1px solid rgba(167,233,203,.5);color:#257e62}.icc-liquid-glass .alert.bad{background:rgba(255,233,238,.82);border-color:rgba(241,174,184,.44);color:#a13b57}.icc-liquid-glass .reference{background:rgba(238,230,255,.7);color:#5c3cc7}.icc-liquid-glass .tag{background:rgba(221,237,255,.65);color:#5972c4;border:1px solid rgba(255,255,255,.82)}.icc-liquid-glass .schedule{border-bottom:1px solid rgba(165,143,211,.14)}.icc-liquid-glass .schedule span{color:#7651d7}
.icc-liquid-glass table{border-collapse:separate;border-spacing:0}.icc-liquid-glass th{background:rgba(235,229,255,.54);color:#76649a;border-bottom:1px solid rgba(151,129,209,.15);font-size:11px}.icc-liquid-glass td{color:#524573;border-bottom:1px solid rgba(150,133,197,.14);font-size:11px}.icc-liquid-glass tbody tr:hover{background:rgba(255,255,255,.42)}.icc-liquid-glass th:first-child{border-radius:10px 0 0 0}.icc-liquid-glass th:last-child{border-radius:0 10px 0 0}
.icc-liquid-glass .topbar .hamburger{background:rgba(255,255,255,.68);color:#6341b9;border:1px solid white;border-radius:11px}
/* admin CRUD and tables */
.icc-liquid-glass .admin-top{align-items:center;gap:16px}.icc-liquid-glass .admin-top .stat-grid{min-width:0}.icc-liquid-glass .tabs{display:flex;gap:9px;margin:21px 0 20px}.icc-liquid-glass .tabs a{border-radius:12px;background:rgba(255,255,255,.56);border:1px solid rgba(255,255,255,.86);color:#6d5a9a;font-size:11px;padding:10px 15px;box-shadow:inset 0 1px rgba(255,255,255,.7)}.icc-liquid-glass .tabs a:hover{background:rgba(255,255,255,.92)}.icc-liquid-glass .tabs a.selected{background:linear-gradient(112deg,#7353e7,#a56be8);border-color:rgba(255,255,255,.35);box-shadow:0 8px 18px rgba(106,67,199,.18);color:#fff}
.icc-liquid-glass .manager-head{margin:6px 0 18px}.icc-liquid-glass .manager-head h2{color:#33255e;font-size:19px}.icc-liquid-glass .manager-grid{grid-template-columns:minmax(275px,355px) minmax(0,1fr);gap:17px}.icc-liquid-glass .manager-editor{top:15px}.icc-liquid-glass .manager-editor .btn.ghost{width:100%}.icc-liquid-glass .manager-table{min-width:0}.icc-liquid-glass .manager-table .table-wrap{background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.72);border-radius:13px}.icc-liquid-glass .manager-table h2{display:flex;gap:10px;align-items:center}.icc-liquid-glass .manager-table th,.icc-liquid-glass .manager-table td{padding:13px 12px}.icc-liquid-glass .manager-subline{color:#9085a8}.icc-liquid-glass .subtle-count{background:rgba(227,214,254,.74);color:#7257c5;padding:6px 10px}.icc-liquid-glass .manager-locked{color:#a89db7}.icc-liquid-glass .manager-actions{gap:6px}.icc-liquid-glass .manager-actions .btn{box-shadow:none}.icc-liquid-glass .danger-btn{background:rgba(255,235,239,.84)!important;border:1px solid rgba(241,169,188,.62)!important;color:#b04466!important}.icc-liquid-glass .danger-btn:hover{background:#ffe3eb!important}.icc-liquid-glass .tag-off{background:rgba(229,227,234,.7);color:#7d768d}
.icc-liquid-glass .admin-item{border-top:1px solid rgba(147,125,201,.19)}.icc-liquid-glass .admin-info strong{color:#5035a9}.icc-liquid-glass .admin-info p{color:#76678e}.icc-liquid-glass .admin-info .detail{color:#483c68}
/* responsive */
@media(max-width:1180px){.icc-liquid-glass .content{padding:24px 23px 42px}.icc-liquid-glass .manager-grid{grid-template-columns:1fr}.icc-liquid-glass .manager-editor{position:static}.icc-liquid-glass .sidebar{width:220px}.icc-liquid-glass .stat-grid{gap:10px}}
@media(max-width:800px){body.icc-liquid-glass{padding:9px}.icc-liquid-glass .app{min-height:calc(100vh - 18px);border-radius:20px;overflow:hidden}.icc-liquid-glass .sidebar{position:fixed;left:0;top:0;height:100vh;min-height:100vh;width:255px;overflow-y:auto;z-index:50;transform:translateX(-110%);transition:transform .23s;box-shadow:12px 0 35px rgba(37,23,83,.34);border-radius:0 18px 18px 0}.icc-liquid-glass .sidebar.open{transform:translateX(0)}.icc-liquid-glass .content{padding:19px 15px 38px}.icc-liquid-glass .topbar{min-height:64px;padding:10px 16px}.icc-liquid-glass .hero{min-height:205px;padding:25px}.icc-liquid-glass .hero h1{font-size:23px}.icc-liquid-glass .hero-icon{font-size:69px;padding-right:5px}.icc-liquid-glass .page-head{min-height:112px;padding:21px}.icc-liquid-glass .admin-top{display:block}.icc-liquid-glass .admin-top form{margin:12px 0 0}.icc-liquid-glass .two-col{grid-template-columns:1fr}}
@media(max-width:540px){.icc-liquid-glass .top-pill{display:none}.icc-liquid-glass .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.icc-liquid-glass .stat{min-height:120px;padding:15px}.icc-liquid-glass .stat strong{font-size:26px}.icc-liquid-glass .service-grid{grid-template-columns:1fr}.icc-liquid-glass .service{min-height:155px}.icc-liquid-glass .panel{padding:18px 14px}.icc-liquid-glass .hero{padding:23px 19px}.icc-liquid-glass .hero-icon{display:none}.icc-liquid-glass .page-head{align-items:flex-start;flex-direction:column;gap:8px}.icc-liquid-glass .form-row{grid-template-columns:1fr}.icc-liquid-glass .admin-item{flex-direction:column}.icc-liquid-glass .update-form{width:100%}.icc-liquid-glass .tabs a{flex:1;text-align:center}.icc-liquid-glass .manager-head h2{font-size:17px}.icc-liquid-glass .manager-table{padding:18px 12px}}
@media(prefers-reduced-motion:reduce){.icc-liquid-glass *, .icc-liquid-glass *::before,.icc-liquid-glass *::after{transition:none!important;animation:none!important}}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){.icc-liquid-glass .app{background:#f7f4ff}.icc-liquid-glass .service,.icc-liquid-glass .stat,.icc-liquid-glass .panel{background:#fff}.icc-liquid-glass .topbar{background:#f8f5ff}}