:root{--blue: #0077B5;--black: #000000;--dark-gray: #2E2E2E;--gray: #7A7A7A;--light-gray: #D3D3D3;--cyan: #00A0DC;--purple: #8264A6;--red: #E44D40;--orange: #F78F1E;--font: "Inter", sans-serif;--primary: #fff;--accent: #f7b32b;--background-gradient: linear-gradient(135deg, var(--blue), var(--purple));--card-bg: rgba(255,255,255,.13);--card-border: rgba(255,255,255,.25);--text: #fff;--input-bg: rgba(255,255,255,.8);--input-text: #22223b;--button-bg: #1e7fd4;--button-text: #fff;--radius: 16px;--shadow: 0 8px 32px 0 rgba(31,38,135,.37);--font-main: "Inter", "Segoe UI", Arial, sans-serif}body{min-height:100vh;margin:0;background:var(--background-gradient);font-family:var(--font-main);color:var(--text);display:flex;flex-direction:column}main{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);max-width:720px;margin:4rem auto 2rem;padding:2.5rem 2rem 2rem;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}h1{font-size:2.5rem;font-weight:800;margin-bottom:1.2rem;color:var(--primary);letter-spacing:-1px}nav{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}nav a{color:var(--primary);background:#ffffff14;text-decoration:none;font-weight:600;font-size:1.1rem;padding:.7rem 1rem;border-radius:var(--radius);transition:background .2s,color .2s}nav a:hover{background:var(--accent);color:#22223b}@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap);.mat-toolbar{background:#fff}.c-btn{background:#fff;border:1px solid #ccc;color:#333}.selected-list .c-list .c-token{background:#0079fe}.selected-list .c-list .c-token .c-label{color:#fff}.selected-list .c-list .c-token .c-remove svg{fill:#fff}.selected-list .c-angle-down svg,.selected-list .c-angle-up svg{fill:#333}.dropdown-list ul li:hover{background:#f5f5f5}.arrow-up,.arrow-down{border-bottom:15px solid #fff}.arrow-2{border-bottom:15px solid #ccc}.list-area{border:1px solid #ccc;background:#fff;box-shadow:0 1px 5px #959595}.select-all,.list-filter{border-bottom:1px solid #ccc}.list-filter .c-search svg{fill:#888}.list-filter .c-clear svg{fill:#888}.pure-checkbox input[type=checkbox]:focus+label:before,.pure-checkbox input[type=checkbox]:hover+label:before{border-color:#0079fe;background-color:#f2f2f2}.pure-checkbox input[type=checkbox]+label{color:#000}.pure-checkbox input[type=checkbox]+label:before{color:#0079fe;border:1px solid #0079FE}.pure-checkbox input[type=checkbox]+label:after{background-color:#0079fe}.pure-checkbox input[type=checkbox]:disabled+label:before{border-color:#ccc}.pure-checkbox input[type=checkbox]:disabled:checked+label:before{background-color:#ccc}.pure-checkbox input[type=checkbox]+label:after{border-color:#fff}.pure-checkbox input[type=radio]:checked+label:before{background-color:#fff}.pure-checkbox input[type=checkbox]:checked+label:before{background:#0079fe}.single-select-mode .pure-checkbox input[type=checkbox]:focus+label:before,.single-select-mode .pure-checkbox input[type=checkbox]:hover+label:before{border-color:#0079fe;background-color:#f2f2f2}.single-select-mode .pure-checkbox input[type=checkbox]+label{color:#000}.single-select-mode .pure-checkbox input[type=checkbox]+label:before{color:transparent!important;border:0px solid #0079FE}.single-select-mode .pure-checkbox input[type=checkbox]+label:after{background-color:transparent!important}.single-select-mode .pure-checkbox input[type=checkbox]:disabled+label:before{border-color:#ccc}.single-select-mode .pure-checkbox input[type=checkbox]:disabled:checked+label:before{background-color:#ccc}.single-select-mode .pure-checkbox input[type=checkbox]+label:after{border-color:#0079fe}.single-select-mode .pure-checkbox input[type=radio]:checked+label:before{background-color:#fff}.single-select-mode .pure-checkbox input[type=checkbox]:checked+label:before{background:none!important}.selected-item{background:#e9f4ff}.btn-iceblue{background:#0079fe;border:1px solid #ccc;color:#fff}