/* Aurora — visual layer. Authentication and data behavior live in app.js/server.js. */
:root{--blue:#6353d9;--accent:#7660df;--muted:#7b809a;--line:#e8e8f3;color:#282943;background:#f6f6fc}
::selection{background:#c6bbff;color:#29204a}
.button{border-radius:12px;background:linear-gradient(115deg,#7666e8,#5942c7);box-shadow:0 6px 16px #6953d52b;min-height:48px;letter-spacing:-.25px}
.button:hover{filter:brightness(1.07);box-shadow:0 8px 22px #6953d53d}
.button.secondary{background:#efedfb;color:#6650be;box-shadow:none}
.button.danger{background:#fff0f0;color:#b64559;box-shadow:none}
.button.link{background:none;box-shadow:none;text-decoration:none;color:#827994;font-weight:500}
.button.link:hover{color:#6650be;background:#f5f2ff}
.button:focus-visible{outline:3px solid #b5a4ff;outline-offset:3px}
.eyebrow{font-size:10px;letter-spacing:2px;color:#8c71cd;display:flex;align-items:center;gap:9px}
.brand{font-size:24px;letter-spacing:-1px;gap:13px}
.brand-sub{display:block;font-size:8px;letter-spacing:2.3px;margin-top:5px;font-weight:600;opacity:.55}
.brand-mark{position:relative;width:45px;height:45px;border-radius:15px;background:linear-gradient(145deg,#a79aff,#6c56d9);box-shadow:0 6px 22px #8068ec45,inset 0 1px 1px #ffffff80;font-size:34px;font-weight:450;line-height:1;padding-bottom:5px;font-family:Georgia,serif}
.brand-spark{position:absolute;width:9px;height:9px;right:6px;top:8px;background:#bdf2e8;border-radius:50%;box-shadow:0 0 8px #bdf2e8a0}
.status-dot{display:inline-block;width:5px;height:5px;background:#b2a0ff;box-shadow:0 0 0 4px #b2a0ff16,0 0 13px #a58bff;border-radius:50%;flex-shrink:0}
.login{grid-template-columns:1.14fr 1fr;min-height:100svh;background:#f5f4fc}
.login-story{background:radial-gradient(ellipse at 65% 75%,#53418a55,transparent 55%),radial-gradient(ellipse at 0 0,#3e3c7360,transparent 50%),linear-gradient(150deg,#15152e,#242044 65%,#282048);padding:40px 8%;color:#f3f1ff;isolation:isolate}
.login-story:before{content:"";position:absolute;width:420px;height:420px;top:-240px;right:-180px;border:1px solid #c2afff20;border-radius:50%;box-shadow:0 0 0 65px #b49aff06,0 0 0 130px #b49aff04;z-index:-1}
.login-story:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#e5dbff03 1px,transparent 1px),linear-gradient(90deg,#e5dbff03 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(transparent,#0008);z-index:-1}
.star-field{position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 12% 31%,#dfd5ff9c 1px,transparent 1.5px),radial-gradient(circle at 82% 20%,#dfd5ff6b 1px,transparent 1.5px),radial-gradient(circle at 90% 55%,#dfd5ff80 1px,transparent 1.5px),radial-gradient(circle at 38% 88%,#dfd5ff8c 1px,transparent 1.5px)}
.login-story .brand{color:#fff}
.login-story .intro{max-width:460px;width:100%;padding-top:34px;position:relative;z-index:1}
.login-story .eyebrow{color:#b8a9e7;letter-spacing:2.1px;font-size:9px}
.login-story h1{font-size:clamp(38px,4.2vw,65px);line-height:1.26;letter-spacing:-2.9px;margin:23px 0 21px;font-weight:750}
.login-story h1 span{background:linear-gradient(105deg,#b4a2ff 10%,#d4b7f9 58%,#aee5ea);background-clip:text;-webkit-text-fill-color:transparent}
.login-story .intro>p{font-size:14px;line-height:1.9;color:#a7a3c4;letter-spacing:-.2px;margin-bottom:4px}
.story-footer{font-size:8px;letter-spacing:1.7px;color:#a09bbb;display:flex;justify-content:space-between;gap:15px;position:relative;z-index:1}
.orbit{gap:8px;margin:0 0 30px}
.orbit span{background:#ffffff06;border:1px solid #d9ceff20;color:#bcb6d6;font-size:10px;padding:8px 13px;border-radius:8px;backdrop-filter:blur(8px)}
.workspace-art{position:relative;height:200px;max-width:390px;margin:9px 0 3px}
.art-ring{position:absolute;border:1px solid #b7a1ff26;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-23deg);width:288px;height:135px}
.ring-two{width:210px;height:165px;transform:translate(-50%,-50%) rotate(33deg);border-color:#b7a1ff17}
.art-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);height:105px;width:105px;border:1px solid #d2baff55;border-radius:29px;background:linear-gradient(145deg,#9a8ad329,#9d7bf03b 50%,#4d48756b);box-shadow:0 0 80px #a57bff30,inset 0 1px 14px #ddd0ff16;backdrop-filter:blur(14px);display:flex;flex-direction:column;align-items:center;justify-content:center}
.art-core>span{font-family:Georgia,serif;font-size:65px;line-height:.95;color:#e8ddff;text-shadow:0 0 16px #c4a2ff6b}
.art-core>small{font-size:6px;letter-spacing:2.5px;color:#b9a7df;margin-top:12px}
.art-chip{position:absolute;display:flex;align-items:center;gap:9px;background:linear-gradient(110deg,#464064b0,#342c51d9);border:1px solid #e0cbff29;border-radius:11px;padding:13px 14px;color:#d0c5ed;box-shadow:0 10px 35px #0e09274d;backdrop-filter:blur(14px);font-size:7px;font-weight:650;letter-spacing:1px}
.art-chip svg{width:17px;height:17px;color:#b9a0ff}
.art-chip i{width:5px;height:5px;border-radius:50%;background:#8fe0c9;box-shadow:0 0 10px #8fe0c94d}
.chip-crm{left:0;top:39px;transform:rotate(-5deg)}
.chip-wiki{right:-5px;bottom:26px;transform:rotate(6deg)}
.art-star{position:absolute;color:#ceb6ff;font-size:22px;text-shadow:0 0 22px #b099ff90}
.star-one{top:14px;right:45px}.star-two{left:54px;bottom:26px;font-size:16px}
.login-panel{position:relative;background:radial-gradient(ellipse at 95% 0,#d7d0ff54,transparent 55%),radial-gradient(ellipse at 5% 100%,#d5e7f75e,transparent 50%),#f7f7fc;padding:65px 38px;isolation:isolate}
.login-panel:before{content:"";position:absolute;height:230px;width:230px;right:9%;top:8%;border-radius:50%;background:#d9c8ff3d;filter:blur(50px);z-index:-1}
.login-box{max-width:420px;padding:36px 32px;background:#ffffffba;border:1px solid #fff;border-radius:24px;box-shadow:0 20px 80px #4232620b,0 3px 10px #42326204;backdrop-filter:blur(22px)}
.login-box>.eyebrow:before{content:"";width:22px;height:2px;background:linear-gradient(90deg,#9277ef,#c7b1fc)}
.login-box h2{font-size:28px;letter-spacing:-1px;margin-top:16px;color:#2e2843}
.login-box>p{font-size:12px;line-height:1.85;color:#8a829c;margin-bottom:29px}
.login-caption{position:absolute;bottom:30px;left:20px;right:20px;text-align:center;font-size:7px;letter-spacing:1.7px;color:#a6a0b7}
.field{font-size:12px;color:#5c566e;font-weight:600;gap:9px}
.field input,.field textarea{border:1px solid #e4dff0;background:#fff9;border-radius:10px;min-height:48px;padding:12px 14px;color:#342f49;font-size:13px;box-shadow:0 2px 3px #53446702}
.field input:hover,.field textarea:hover{border-color:#cfc3ec}
.field input:focus,.field textarea:focus{background:white;border-color:#9a82e7;outline:3px solid #8a65d612;box-shadow:0 3px 14px #8a65d60a}
.checkbox{font-size:10px;color:#8b839b;gap:7px}.checkbox .muted{font-size:9px;color:#a39cae}.checkbox input{width:15px;height:15px;accent-color:#7860d1}
.login-foot{font-size:10px;line-height:1.9;color:#9b94a9;border-color:#ebe7f2;padding-top:21px;margin-top:25px}
.login-box .stack{gap:18px}.login-box .button{font-size:13px}
.qr{border:1px solid #eee7fa;border-radius:16px;background:white;padding:5px;box-shadow:0 5px 25px #68538c0b}.secret{background:#eee9f8;color:#6a558b;border:1px solid #e5dcf2;border-radius:9px}
.shell{grid-template-columns:255px minmax(0,1fr);background:radial-gradient(ellipse at 90% 0,#e9e4ff80,transparent 45%),#f6f6fc}
.sidebar{color:#d6d2ea;background:radial-gradient(ellipse at 0 100%,#4733683d,transparent 45%),linear-gradient(170deg,#1c1b34,#24203d);border-right:1px solid #38314f;padding:32px 17px;box-shadow:8px 0 32px #32285906;isolation:isolate}
.sidebar .brand{padding:0 13px;font-size:22px;color:#f4f0ff}.sidebar .brand-mark{width:39px;height:39px;border-radius:13px;font-size:30px}.sidebar .brand-sub{font-size:6px;letter-spacing:1.6px;color:#b0a7d7;opacity:.8}
.nav-label{color:#a8a0c1;font-size:8px;letter-spacing:1.9px;margin-top:42px;margin-bottom:15px}
.nav{gap:7px}.nav button{color:#b3accb;font-size:12px;padding:13px 14px;min-height:48px;border-radius:11px;border:1px solid transparent;position:relative}
.nav button:hover{background:#ffffff08;color:#eee9ff}
.nav button.selected{background:linear-gradient(100deg,#8e75ee31,#7b5ec51c);color:#e0d3ff;border-color:#ae8fff26;box-shadow:0 3px 18px #07041b13,inset 0 1px 0 #ffffff06}
.nav button.selected:before{content:"";position:absolute;left:-18px;top:15px;bottom:15px;width:3px;border-radius:0 4px 4px 0;background:#c1a3ff;box-shadow:0 0 12px #b787ff6b}
.nav-icon{width:18px;height:18px;display:grid;place-items:center;opacity:.8}.nav-icon svg{width:18px;height:18px}
.nav small{font-size:8px;color:#c0b5dc;border:1px solid #b7a1df20;background:#c5b1f20a;border-radius:5px;padding:3px 5px;letter-spacing:-.3px}
.sidebar-bottom{padding-top:32px}.sidebar-bottom .nav-label{margin-top:12px}.sidebar-foot{border-top:1px solid #ffffff0c;padding-top:22px;font-size:8px;color:#9990b3;letter-spacing:.8px;line-height:2.1}
.topbar{height:86px;background:#ffffff99;border-bottom:1px solid #eceaf5;backdrop-filter:blur(18px);padding:0 44px}.breadcrumb{color:#a09aae;font-size:11px}.breadcrumb #current-page{color:#625b78;font-weight:600}.user-chip{font-size:12px;color:#554e6b;gap:11px}.avatar{width:36px;height:36px;border:2px solid #fff;background:linear-gradient(135deg,#ded2fa,#e6dbf8);color:#7962b4;box-shadow:0 3px 10px #51406d0d;font-size:12px}
.badge{background:#eeebfc;color:#8064bf;border:1px solid #e8e1f7;border-radius:6px;padding:4px 8px;font-size:9px;letter-spacing:-.1px}.badge.pending{background:#fff5e6;color:#b68439;border-color:#f6e9d1}
.content{padding:42px 44px;max-width:1380px}.welcome{margin-bottom:30px}.welcome .eyebrow{font-size:9px;color:#9782bb}.welcome h1{font-size:30px;color:#343046;letter-spacing:-1.3px;margin:13px 0 11px;font-weight:750}.welcome p{font-size:12px;color:#8e879d}.date{font-size:10px;background:#ffffffb3;border:1px solid #ece7f6;padding:10px 14px;border-radius:25px;color:#8e819f;box-shadow:0 3px 10px #51406d04}
.hero{border-radius:20px;background:radial-gradient(ellipse at 96% 50%,#bb92f826,transparent 55%),linear-gradient(110deg,#6960bb,#7460b5 55%,#9474c2);padding:32px 35px;box-shadow:0 10px 35px #7761bb22,inset 0 1px 0 #ffffff3b;overflow:hidden;min-height:180px;border:1px solid #a18bd26b}
.hero:before{content:"";position:absolute;right:20px;top:-110px;width:370px;height:370px;border:1px solid #f1e0ff24;border-radius:50%;box-shadow:0 0 0 50px #f1e0ff09,0 0 0 100px #f1e0ff06;pointer-events:none}
.hero:after{content:"✧";position:absolute;right:210px;top:20px;font-size:45px;color:#e6cfff66;pointer-events:none}
.hero>div,.hero>.button{position:relative;z-index:1}.hero .eyebrow{color:#d9cff2;font-size:8px}.hero h2{font-size:23px;letter-spacing:-.8px;margin:14px 0 10px}.hero p{font-size:11px;line-height:1.9;color:#eee6fa;max-width:510px}.hero .button{background:#fffcffec;color:#7760ae;font-size:11px;min-height:43px;padding:12px 17px;box-shadow:0 4px 15px #40316d1a;flex-shrink:0}
.section-title{font-size:14px;color:#50465f;display:flex;align-items:center;gap:9px;margin:32px 0 18px}.section-title:before{content:"";display:block;width:4px;height:14px;background:linear-gradient(#af93e6,#7f65bd);border-radius:3px}
.grid{gap:17px}.card{border:1px solid #eae5f3;background:linear-gradient(145deg,#fff,#fefcff);border-radius:17px;padding:25px;box-shadow:0 4px 16px #54426b04,0 1px 2px #54426b02}
.tool-card{min-height:204px;position:relative;overflow:hidden;isolation:isolate}
.tool-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 95% 0,var(--tool-glow,#c7b4eb30),transparent 65%);opacity:.7;z-index:-1}
.tool-card:after{content:"↗";position:absolute;bottom:23px;right:24px;color:#baaacb;font-size:17px}
.tool-card:hover{border-color:#c7b5e7;box-shadow:0 12px 32px #78609c16;transform:translateY(-4px)}
.tool-top{margin-bottom:23px}.tool-icon{width:43px;height:43px;border-radius:13px;font-size:22px;background:linear-gradient(135deg,#f0eafa,#e9e1f7);color:#9975c3;box-shadow:inset 0 1px 1px #fff,0 3px 8px #78609c07;border:1px solid #e7dcf3}.tool-icon svg{width:22px;height:22px}
.tool-card h3{font-size:14px;margin-bottom:10px;color:#51465d;font-weight:700;letter-spacing:-.3px}.tool-card p{font-size:10px;color:#9b90a6;line-height:1.85;max-width:88%}
.tool-card[data-page="projects"]{--tool-glow:#b2d2ff2e}.tool-card[data-page="projects"] .tool-icon{color:#7497c7;background:linear-gradient(135deg,#eef3fb,#e3edf9);border-color:#e0eaf7}
.tool-card[data-page="policies"]{--tool-glow:#a6d9ce30}.tool-card[data-page="policies"] .tool-icon{color:#6da799;background:linear-gradient(135deg,#edf8f3,#e0f0e9);border-color:#dfede5}
.tool-card[data-page="setupconfig"]{--tool-glow:#f1c4ad33}.tool-card[data-page="setupconfig"] .tool-icon{color:#c69477;background:linear-gradient(135deg,#fff4ed,#fae8db);border-color:#f7e7dd}
.tool-card[data-page="wiki"]{--tool-glow:#efb7d12b}.tool-card[data-page="wiki"] .tool-icon{color:#bd8aaa;background:linear-gradient(135deg,#fbf0f7,#f4e5ef);border-color:#f2dfed}
.grid>.card:last-child:not(.tool-card){background:linear-gradient(135deg,#f3effa80,#fff8);border:1px dashed #d8cbe9;box-shadow:none}.grid>.card:last-child:not(.tool-card) .tool-icon{background:#ece5f580;border:1px dashed #cdbde1;color:#a28bb9;box-shadow:none}.grid>.card:last-child:not(.tool-card) h3{font-size:13px;color:#9b88ab;margin-bottom:9px}.grid>.card:last-child:not(.tool-card) p{font-size:10px;color:#ad9fba;line-height:1.9}
.bottom-grid{gap:17px;margin-top:22px}.bottom-grid h2{font-size:14px;letter-spacing:-.3px;color:#675a77;margin-bottom:15px}.detail-line{font-size:11px;border-color:#f0ebf6;padding:12px 0;color:#8d7e9d}.detail-line span:first-child{color:#aa9db6}.note{background:linear-gradient(110deg,#f1edfa,#f4f0fa);border:1px solid #ebe2f5;border-radius:11px;color:#9c88b4;font-size:11px;line-height:1.9}.inline-note{font-size:11px;color:#a092ad;line-height:1.9}
.settings-wrap{max-width:870px}.settings-wrap>.eyebrow{margin-bottom:12px}.settings-wrap>h1{font-size:28px;margin-bottom:28px;color:#50465f}.settings-wrap .card{padding:30px;margin-bottom:24px;border-radius:18px}.settings-wrap h2{color:#635374;font-size:17px;letter-spacing:-.4px}.settings-wrap .card>p{font-size:11px;color:#9d90a9;line-height:1.9;margin-bottom:24px}.settings-wrap .button{font-size:12px}.settings-wrap .card>.button{margin-top:16px}
th{font-size:10px;color:#ad9bbd;background:#faf7fd}td{font-size:11px;color:#877294}td,th{padding:15px 11px;border-color:#f1ebf7}.table-wrap{border-radius:12px;border:1px solid #eee5f7}tbody tr:last-child td{border-bottom:0}.empty{padding:70px 30px;background:radial-gradient(ellipse at 50% 0,#eee5fb80,transparent 70%),#fff}.empty .tool-icon{width:64px;height:64px;border-radius:19px;margin-bottom:25px}.empty .tool-icon svg{width:30px;height:30px}.empty h2{font-size:21px;color:#78648a}.empty p{font-size:12px;color:#a998b7}
dialog{border:1px solid #ffffffa6;border-radius:22px;padding:32px;background:linear-gradient(150deg,#ffffff,#fcf9ff);box-shadow:0 30px 100px #251b454d,0 0 0 6px #ffffff0a;color:#4a3c5d}dialog::backdrop{background:#1a153b85;backdrop-filter:blur(9px)}dialog h2{font-size:23px;letter-spacing:-.8px;margin-top:12px}dialog>p{font-size:11px;color:#a08fae;line-height:1.9}dialog .stack{gap:15px}dialog .button{font-size:12px}dialog .inline-note{font-size:10px}dialog .eyebrow{font-size:8px;color:#aa8ecb}dialog .note{margin:20px 0 24px}
#toast{background:linear-gradient(110deg,#7560a9,#9171b5);border:1px solid #ad93ce99;box-shadow:0 10px 35px #503e6e2b;backdrop-filter:blur(10px);border-radius:12px;font-size:12px}
@media(min-width:1600px){.login-story{padding:55px 11%}.login-box{max-width:445px;padding:43px 40px}.workspace-art{height:245px;max-width:420px}.art-ring{width:340px;height:160px}.ring-two{width:250px;height:200px}.login-story h1{font-size:66px}.art-core{width:120px;height:120px}}
@media(max-width:1100px){.shell{grid-template-columns:225px 1fr}.sidebar{padding:30px 12px}.sidebar .brand{font-size:20px;padding:0 10px}.sidebar .brand-sub{font-size:5px}.nav button{padding:12px 10px;font-size:11px;gap:8px}.nav small{font-size:7px}.content{padding:32px}.topbar{padding:0 32px}.hero{flex-direction:column;align-items:flex-start;padding:29px;gap:19px}.hero:before{right:-70px}.hero:after{right:65px;top:55px}.login-story{padding:36px 8%}.login-box{padding:32px 25px}.login-panel{padding:55px 30px}.workspace-art{height:180px}.art-chip{font-size:6px;padding:11px 10px;gap:7px}.chip-wiki{right:-8px}.story-footer{font-size:6px;letter-spacing:1.4px}.login-story h1{font-size:46px}.login-story .intro>p{font-size:12px}.login-story .eyebrow{font-size:7px;letter-spacing:1.6px}}
@media(max-width:720px){.login{grid-template-columns:1fr;background:#f6f4fc}.login-story{padding:24px 25px;min-height:0;border-radius:0 0 24px 24px;box-shadow:0 8px 35px #45306b16}.login-story .brand{font-size:21px}.login-story .brand-mark{width:38px;height:38px;border-radius:12px;font-size:29px}.login-story .intro,.story-footer{display:none}.login-panel{padding:30px 20px 75px;min-height:calc(100svh - 86px);align-items:flex-start}.login-box{max-width:420px;padding:28px 25px;border-radius:20px}.login-box h2{font-size:26px}.login-caption{font-size:6px;bottom:23px;letter-spacing:1.1px}.shell{display:block}.sidebar{width:245px;padding:28px 16px}.nav button{font-size:12px;padding:13px}.sidebar .brand{font-size:22px}.nav small{font-size:8px}.content{padding:27px 20px}.topbar{height:70px;padding:0 20px}.mobile-toggle{border-radius:9px;background:#eee7fa;color:#9c82bd;font-size:16px}.welcome h1{font-size:25px;margin:12px 0 10px}.welcome{gap:17px;margin-bottom:24px}.welcome .eyebrow{font-size:8px}.date{font-size:9px;padding:8px 13px}.hero{padding:24px;min-height:190px;border-radius:17px;gap:19px}.hero h2{font-size:21px;line-height:1.5;margin-top:12px}.hero p{font-size:10px;max-width:280px}.hero:after{font-size:30px;right:22px;top:16px}.hero .button{min-height:40px;font-size:10px}.hero .eyebrow{font-size:7px}.grid{gap:12px}.card{padding:20px;border-radius:14px}.tool-card{min-height:191px}.tool-top{gap:8px;align-items:flex-start;flex-wrap:wrap;margin-bottom:19px}.tool-top .badge{font-size:7px;padding:4px 5px}.tool-icon{width:38px;height:38px;border-radius:12px}.tool-icon svg{width:20px;height:20px}.tool-card h3{font-size:12px}.tool-card p{font-size:9px;max-width:95%;margin-bottom:13px}.tool-card:after{font-size:15px;bottom:14px;right:16px}.bottom-grid{gap:14px}.settings-wrap .card{padding:23px}.settings-wrap h2{font-size:16px}.form-grid{grid-template-columns:1fr}.span-two{grid-column:auto}dialog{padding:25px;max-height:calc(100svh - 24px);overflow-y:auto}dialog h2{font-size:21px}dialog .field input{min-height:43px}dialog .stack{gap:13px}.settings-wrap .card>p{font-size:11px}}
@media(max-width:380px){.grid{grid-template-columns:1fr}.tool-card{min-height:170px}.tool-top{flex-wrap:nowrap}.tool-card p{font-size:11px}.login-panel{padding:22px 14px 65px}.login-box{padding:25px 21px}}
@media(prefers-reduced-motion:no-preference){.card,.button,.nav button,.field input,.field textarea{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}.login-box{animation:arrive .65s ease both}.login-story .intro{animation:arrive .8s ease both}.content{animation:arrive .45s ease both}.chip-crm{animation:float-crm 8s ease-in-out infinite}.chip-wiki{animation:float-wiki 9s ease-in-out infinite}.art-star{animation:twinkle 5s ease-in-out infinite}.star-two{animation-delay:2s}.button:active{transform:translateY(1px)}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes float-crm{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-9px) rotate(-3deg)}}@keyframes float-wiki{0%,100%{transform:translateY(0) rotate(6deg)}50%{transform:translateY(7px) rotate(4deg)}}@keyframes twinkle{0%,100%{opacity:.5}50%{opacity:1}}}
/* Keep the decorative palette soft while giving working text sufficient contrast. */
.tool-card p{font-size:12px;color:#796c88}.inline-note{font-size:12px;color:#7a6c88}
.note{color:#756281;font-size:12px}.settings-wrap .card>p{font-size:13px;color:#7a6c88}
.login-foot{font-size:11px;color:#80748e}.login-box>p{font-size:13px;color:#80748e}
.checkbox{font-size:11px;color:#7c7089}.checkbox .muted{font-size:10px;color:#887b95}
.detail-line{font-size:12px;color:#7a698b}.detail-line span:first-child{color:#887a96}
.welcome p{font-size:13px;color:#80748e}.date{color:#80708e}.grid>.card:last-child:not(.tool-card) p{font-size:11px;color:#8b779e}
.tool-card h3{font-size:15px}.settings-wrap h2{color:#645175}.empty p{color:#867293}
@media(max-width:720px){.tool-card p{font-size:11px}.tool-card h3{font-size:14px}.settings-wrap .card>p{font-size:12px}.hero p{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.brand-image{display:block;width:45px;height:45px;object-fit:contain;border-radius:13px;flex-shrink:0;background:#ffffff0a}
.brand-mark{flex-shrink:0}.brand-name{min-width:0;overflow-wrap:anywhere}.sidebar .brand-name{font-size:18px}.sidebar .brand-image{width:39px;height:39px}
.sidebar .brand+.nav{margin-top:35px}.nav button{overflow-wrap:anywhere}.nav-icon,.nav small{flex-shrink:0}
.login-story h1{overflow-wrap:anywhere}.login-story h1:first-child{background:linear-gradient(105deg,#f1eaff,#b9a6ff 75%,#c1e7ed);background-clip:text;-webkit-text-fill-color:transparent}
.display-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.display-heading p{font-size:12px;color:#877595;margin:8px 0 0;line-height:1.8}.display-card>.note{margin-bottom:22px}
.display-options{display:flex;flex-wrap:wrap;gap:16px;padding:5px 0}.display-options .checkbox{font-size:12px}
.display-group{border:1px solid #e9e1f3;border-radius:12px;background:#fff;margin-bottom:12px;overflow:hidden}
.display-group summary{cursor:pointer;padding:17px 19px;font-size:13px;font-weight:650;color:#78608c;line-height:1.7}
.display-group summary span{float:right;font-size:10px;color:#9d89b0;font-weight:400;margin-left:14px}
.display-group[open] summary{border-bottom:1px solid #eee6f6;background:#faf7fe}
.display-fields{padding:21px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.display-fields .field:has(textarea),.display-logo-tools{grid-column:1/-1}.display-fields .field>small{display:inline;font-size:10px;color:#9d8aaf}
.display-logo-tools{border-top:1px dashed #e7dcef;padding-top:20px;display:grid;gap:12px}.display-logo-tools>.button{justify-self:start}
.display-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:5px}
.display-sample{padding:22px;border-radius:14px;border:1px dashed #d9c8ed;background:linear-gradient(130deg,#f4eefc,#f9f7ff);color:#665275}
.sample-label{display:block;font-size:10px;color:#9d83b5;margin-bottom:16px}.sample-brand{display:flex;align-items:center;gap:10px;font-size:15px}
.sample-brand img{height:34px;width:34px;object-fit:contain;border-radius:9px}.sample-mark{display:grid;place-items:center;background:linear-gradient(130deg,#a58ce9,#7761c1);color:white;min-width:34px;height:34px;border-radius:10px;font-size:15px;padding:0 6px}
.sample-headline{font-size:20px;margin:18px 0;color:#6b4f86;font-weight:650;overflow-wrap:anywhere}.sample-login{background:#ffffffb3;border:1px solid #eee3f7;border-radius:10px;padding:15px;margin-top:15px;font-size:13px}.sample-login p{font-size:11px;color:#9681a7;margin:8px 0 0;overflow-wrap:anywhere}.sample-home{margin-top:16px;font-size:13px;color:#89729c}.sample-menus{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.sample-menus span{border:1px solid #e4d9f1;border-radius:6px;padding:5px 9px;background:#fff8;color:#9b82ae;font-size:10px;overflow-wrap:anywhere}
@media(max-width:720px){.display-fields{grid-template-columns:1fr;padding:18px;gap:17px}.display-fields .field:has(textarea),.display-logo-tools{grid-column:auto}.display-actions>.button{flex:1;white-space:nowrap}.display-heading{gap:9px}.display-heading .badge{font-size:8px}.brand-image{width:38px;height:38px}.display-group summary{padding:15px}}
.brand-mark.long-logo{font-family:inherit;font-size:14px;letter-spacing:-1px;padding:0 3px}.art-core>span.long-logo{font-family:inherit;font-size:26px;letter-spacing:-1px}.sample-mark{max-width:75px;overflow-wrap:anywhere}
#display-sample-body{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;align-items:center}.sample-brand{grid-column:1/-1}.sample-headline{margin:0;font-size:18px}.sample-login{grid-column:2;grid-row:2/4;margin:0}.sample-home{grid-column:1;margin:0}.sample-menus{grid-column:1/-1;margin:0}.display-sample{padding:19px 22px}.sample-label{margin-bottom:12px}
@media(max-width:520px){#display-sample-body{display:block}.sample-headline,.sample-home,.sample-menus{margin-top:13px}.sample-login{margin-top:13px}}