:root{color-scheme:dark;--bg:#161715;--rail:#1c1d1a;--surface:#20211e;--surface-2:#252621;--line:#373832;--muted:#a6a69a;--soft:#cdcdc0;--ivory:#f1eee4;--ember:#dd8656;--ember-light:#f0a878;--serif:Georgia,'Times New Roman',serif;--sans:'Arial Narrow','Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ivory);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--ember-light);outline-offset:3px}[hidden]{display:none!important}::selection{background:var(--ember);color:#171715}
.app{min-height:100vh;display:flex}.sidebar{width:246px;flex:none;background:var(--rail);border-right:1px solid #34352f;min-height:100vh;display:flex;flex-direction:column;padding:33px 19px 24px;position:sticky;top:0;height:100vh;z-index:4}.brand{display:flex;align-items:center;gap:12px;padding:0 12px;color:var(--ivory);font-size:16px;letter-spacing:.13em;white-space:nowrap;font-weight:400;line-height:1.1}.brand strong{font-weight:800}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:.29em;margin-top:7px;font-weight:700}.sidebar-middle{margin-top:95px;flex:1}.rail-label,.eyebrow,.breadcrumb,.metric-label,.hero-kicker,.hero-index,.table-labels,.login-bottom,.main-footer,.count-tag,.form-grid label,.select-settings label,.publish-surface form>label{font-size:10px;letter-spacing:.18em;font-weight:700}.rail-label{color:#8c8d81;padding-left:16px;margin:0 0 19px}.navigation{display:grid;gap:4px}.nav-item{border:1px solid transparent;background:transparent;color:#b5b6aa;padding:15px 16px;width:100%;display:flex;align-items:center;text-align:left;gap:15px;font-weight:600;font-size:13px;letter-spacing:.015em;transition:background .2s,color .2s,border-color .2s}.nav-item:hover,.nav-item:focus-visible{color:var(--ivory);background:#292a25}.nav-item.active{background:#302c27;border-color:#4a3930;color:#f3d6c3}.nav-icon{font-size:18px;line-height:1;width:21px;text-align:center;color:#96998f}.nav-item.active .nav-icon{color:var(--ember)}.nav-arrow{margin-left:auto;font-size:14px;opacity:0}.nav-item.active .nav-arrow,.nav-item:hover .nav-arrow{opacity:1}.sidebar-divider{height:1px;background:var(--line);margin:42px 16px 30px}.system-status{display:flex;gap:13px;align-items:flex-start;padding:0 16px;font-size:12px;line-height:1.55;color:var(--soft)}.system-status small{color:#9d9f93;font-size:11px}.status-dot,.mini-dot,.hero-dot{width:7px;height:7px;border-radius:50%;background:var(--ember);display:inline-block;flex:none;box-shadow:0 0 0 3px #dc86551f;margin-top:5px}.sidebar-footer{border-top:1px solid var(--line);padding:24px 15px 0;display:flex;justify-content:space-between;align-items:center}.sidebar-footer .rail-label{padding:0;margin:0}.footer-glyph{color:var(--ember);font-size:20px}.app-body{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:76px;padding:0 clamp(30px,4vw,67px);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.breadcrumb{color:#9b9d91;white-space:nowrap}.breadcrumb span{padding:0 12px;color:#55574f}.breadcrumb strong{font-weight:700;color:var(--ivory)}.topbar-right{display:flex;align-items:center;gap:15px;min-width:0}.preview-badge{color:#f1c09a;border:1px solid #a45e3f;background:#58351e;padding:7px 9px;font-size:9px;letter-spacing:.12em;font-weight:800;white-space:nowrap}.guild-select-label{color:#909185;font-size:10px;letter-spacing:.16em;font-weight:700;white-space:nowrap}.guild-select-label span{color:var(--ember)}select,input{background:var(--surface-2);color:var(--ivory);border:1px solid #4b4b42;border-radius:0;min-height:43px;padding:0 12px;max-width:100%;font-size:13px}select option{background:#232420;color:var(--ivory)}.guild-select{background:transparent;border:none;border-bottom:1px solid #58594e;max-width:195px;min-width:90px;padding:0 19px 0 0;font-weight:700}.topbar-separator{height:25px;width:1px;background:var(--line);margin:0 4px}.user-chip{display:flex;align-items:center;gap:9px;font-weight:600;font-size:12px;white-space:nowrap}.user-avatar{width:29px;height:29px;background:#44352c;border:1px solid #78604e;display:grid;place-items:center;color:#efb080;font-size:12px;font-family:var(--serif)}.logout-button,.icon-button{border:0;background:transparent;color:#c5c6b9;font-size:21px;line-height:1;padding:7px}.logout-button:hover,.icon-button:hover{color:var(--ember)}.main{width:100%;max-width:1610px;padding:0 clamp(30px,4vw,67px) 85px;margin:0 auto;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:end;padding:43px 0 30px}.eyebrow{color:var(--ember-light);display:inline-flex;align-items:center;gap:10px;line-height:1.4}.eyebrow-line{display:inline-block;width:20px;height:1px;background:var(--ember)}h1,h2,h3,p{margin-top:0}.page-heading h1,.section-heading h1,.login-copy h1{font-family:var(--serif);font-weight:400;font-size:clamp(41px,4.4vw,67px);letter-spacing:-.055em;line-height:1.06;margin:17px 0 10px}.page-heading h1 em,.section-heading h1 em,.login-copy h1 em,.hero h2 em{color:var(--ember);font-weight:400}.page-heading p,.section-heading p{color:var(--muted);font-size:13px;margin:0}.heading-stamp{display:flex;gap:14px;align-items:center;color:#9f9f93;font-size:10px;letter-spacing:.17em;padding-bottom:6px}.heading-stamp strong{font-size:10px;color:var(--ember);font-weight:600}.hero{height:271px;position:relative;overflow:hidden;background:#1e1d19;border:1px solid #424038}.hero-art{position:absolute;inset:0;background-image:linear-gradient(90deg,#1c1b18 0%,#1c1b18f2 24%,#1c1b1880 54%,#1c1b1800 100%),url('./phoenix-wing.png');background-size:cover;background-position:center,center 54%;opacity:.95}.hero:after{content:'';position:absolute;inset:8px;border:1px solid #8a68412b;pointer-events:none}.hero-content{position:relative;z-index:1;padding:31px 41px}.hero-kicker{color:#edd8c2;display:flex;align-items:center;gap:9px;font-size:9px}.hero-dot{margin:0;background:#d48b5f;width:6px;height:6px}.hero h2{font-family:var(--serif);font-size:clamp(29px,3vw,43px);letter-spacing:-.045em;line-height:1.08;font-weight:400;margin:23px 0 10px}.hero p{font-size:12px;color:#c4bfb2;margin-bottom:22px}.hero-link,.text-button{background:none;border:0;border-bottom:1px solid var(--ember);padding:0 0 8px;color:#f1c09b;font-size:12px;font-weight:700;text-align:left}.hero-link span,.text-button span{margin-left:22px}.hero-link:hover,.text-button:hover{color:#fff;border-color:#fff}.hero-index{position:absolute;z-index:1;right:26px;bottom:21px;color:#c2a185;font-size:8px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:0;margin-bottom:23px}.metric{min-height:130px;padding:21px 27px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start}.metric:last-child{border-right:0}.metric-label{color:#a7a89d;font-size:9px}.metric strong{font-size:36px;line-height:1.15;font-weight:500;font-family:var(--serif);letter-spacing:-.03em;margin:10px 0 4px}.metric:first-child strong{color:var(--ember-light)}.metric-note{color:#999b90;font-size:10px;display:flex;align-items:center;gap:8px}.mini-dot{width:5px;height:5px;margin:0;box-shadow:none}.overview-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:22px}.surface{background:var(--surface);border:1px solid var(--line)}.surface-heading{padding:26px 28px 23px;display:flex;justify-content:space-between;align-items:end;gap:20px}.surface-heading .eyebrow,.settings-header .eyebrow,.section-toolbar .eyebrow,.publish-surface>.eyebrow{font-size:9px}.surface-heading h2,.section-toolbar h2,.settings-header h2,.publish-surface h2{font-family:var(--serif);font-size:26px;font-weight:400;letter-spacing:-.035em;margin:8px 0 5px}.surface-heading p,.settings-header p{font-size:11px;color:var(--muted);margin:0}.surface-heading .text-button{font-size:10px;white-space:nowrap}.category-row{display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:16px;padding:17px 28px;border-top:1px solid var(--line)}.category-index{height:35px;width:35px;background:#38322b;color:#e8a774;display:grid;place-items:center;font-family:var(--serif);font-size:16px}.category-row:nth-child(even) .category-index{background:#2e342f;color:#aebca5}.category-name,.table-name{font-size:13px;font-weight:700;color:var(--ivory);overflow-wrap:anywhere}.category-sub{display:block;margin-top:4px;font-size:10px;color:var(--muted);font-weight:400}.category-tail{font-size:11px;color:#a9aa9e;text-align:right}.activity-marker{font-size:21px;color:var(--ember)}.ticket-row{padding:14px 28px;border-top:1px solid var(--line);display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:12px}.ticket-symbol{border:1px solid #4c493c;color:var(--ember);width:28px;height:28px;display:grid;place-items:center;font-size:14px}.ticket-title{font-size:11px;font-weight:700;overflow-wrap:anywhere}.ticket-meta{display:block;color:var(--muted);font-size:10px;margin-top:4px}.ticket-date{color:#9e9f93;font-size:10px;white-space:nowrap}.empty-state{padding:32px 28px;color:var(--soft)}.empty-state strong{display:block;font-family:var(--serif);font-size:20px;font-weight:400;margin-bottom:7px}.empty-state span{font-size:12px;color:var(--muted);line-height:1.5}.section-heading{padding:54px 0 39px;border-bottom:1px solid var(--line)}.section-heading h1{margin-top:18px}.section-toolbar{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:29px 0 20px}.section-toolbar h2{margin-bottom:0}.count-tag{font-family:var(--sans);color:var(--ember);font-size:11px;margin-left:8px;vertical-align:middle}.button{border:1px solid #bc6e42;background:transparent;color:var(--ivory);min-height:43px;padding:0 18px;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;font-size:11px;font-weight:700;letter-spacing:.02em;transition:background .2s,transform .2s,border-color .2s}.button:hover:not(:disabled){transform:translateY(-2px)}.button.primary{background:var(--ember);color:#1c1b18;border-color:var(--ember)}.button.primary:hover:not(:disabled){background:#ed9b69;border-color:#ed9b69}.button.outline:hover:not(:disabled){background:#3c3029}.table-labels,.table-row{display:grid;grid-template-columns:minmax(165px,1.5fr) minmax(135px,1.25fr) minmax(135px,1fr) 75px;align-items:center;gap:14px}.table-labels{padding:19px 25px;color:#949689;font-size:9px;background:#252620}.table-row{min-height:79px;border-top:1px solid var(--line);padding:15px 25px;font-size:12px}.table-row>span{overflow-wrap:anywhere;color:#babbae}.table-row .table-name{color:var(--ivory)}.table-index{font-family:var(--serif);font-size:11px;color:var(--ember);margin-right:11px}.remove-button{background:none;border:none;padding:8px;color:#e4a37e;font-size:11px;font-weight:700;justify-self:start}.remove-button:hover{color:#fff;text-decoration:underline}.create-form{border:1px solid #77513b;background:#292722;margin-bottom:20px;padding:25px}.form-title,.form-actions{display:flex;justify-content:space-between;align-items:center;gap:16px}.form-title h3{font-family:var(--serif);font-weight:400;font-size:25px;margin:7px 0 21px}.form-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.form-grid label{color:#b9b9ad;display:grid;gap:10px;font-size:9px}.form-grid input,.form-grid select{width:100%}.form-actions{border-top:1px solid var(--line);margin-top:25px;padding-top:20px;color:var(--muted);font-size:11px}.settings-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-top:30px;align-items:start}.settings-column{display:grid;gap:20px}.settings-header{padding:25px 27px 19px}.setting-row{padding:16px 27px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer}.setting-row:hover{background:#272822}.setting-row strong{display:block;font-size:12px;font-weight:700}.setting-row small{display:block;margin-top:5px;font-size:10px;color:var(--muted);line-height:1.4}.setting-row input{position:absolute;opacity:0;width:1px;height:1px}.switch{display:inline-block;flex:none;width:37px;height:21px;border:1px solid #696b5d;background:#3a3b35;position:relative;transition:background .2s}.switch:before{content:'';position:absolute;top:3px;left:3px;width:13px;height:13px;background:#b7b7ab;transition:transform .2s,background .2s}.setting-row input:checked+.switch{background:#a35d39;border-color:#ce7a4c}.setting-row input:checked+.switch:before{background:#fff0db;transform:translateX(16px)}.setting-row input:focus-visible+.switch{outline:2px solid var(--ember-light);outline-offset:3px}.select-settings{padding:0 27px 29px;display:grid;gap:9px}.select-settings label{color:#b7b7a9;margin-top:10px;font-size:9px}.select-settings select{width:100%;margin-bottom:5px}.side-note{display:flex;gap:19px;padding:24px 27px;border:1px solid #514638;background:#26251f}.side-note strong{font-family:var(--serif);font-size:17px;font-weight:400}.side-note p{color:var(--muted);font-size:11px;line-height:1.6;margin:8px 0 0}.panel-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(230px,.7fr);gap:36px;margin-top:30px}.publish-surface{padding:33px}.publish-surface h2{font-size:34px;margin:16px 0 13px}.publish-surface>p{font-size:12px;line-height:1.75;color:var(--soft);max-width:490px;margin-bottom:35px}.publish-surface form>label{display:block;color:#b7b7a9;font-size:9px;margin-bottom:10px}.publish-surface select{width:100%}.panel-confirm{display:flex;align-items:center;gap:15px;margin:19px 0 30px;color:var(--muted);font-size:11px;line-height:1.6}.panel-confirm strong{color:var(--ivory)}.confirm-icon{width:30px;height:30px;flex:none;display:grid;place-items:center;border:1px solid #675341;color:var(--ember);font-size:16px}.panel-aside{padding:27px 0}.panel-aside>div{display:flex;gap:23px;border-bottom:1px solid var(--line);padding:22px 0;align-items:center}.panel-aside>div:first-of-type{margin-top:17px;border-top:1px solid var(--line)}.panel-aside>div span{font-family:var(--serif);color:var(--ember);font-size:21px}.panel-aside p{margin:0;color:var(--soft);font-size:12px}.panel-aside .text-button{margin-top:28px}.main-footer{height:60px;border-top:1px solid var(--line);padding:0 clamp(30px,4vw,67px);display:flex;justify-content:space-between;align-items:center;gap:20px;color:#85877c;font-size:9px}.notice{position:fixed;bottom:24px;right:24px;z-index:10;background:#354031;border:1px solid #85966c;color:#f3f2e8;padding:15px 19px;max-width:min(390px,calc(100vw - 40px));font-size:12px;line-height:1.5;box-shadow:0 10px 30px #0008}.notice.error{background:#492c27;border-color:#c17961}.state-screen{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.state-symbol{font-family:var(--serif);font-size:53px;color:var(--ember)}.state-screen p{font-family:var(--serif);font-size:27px;margin:14px 0 8px}.state-screen>span:last-of-type{color:var(--muted);font-size:12px}.state-screen .button{margin-top:25px}.login-screen{min-height:100vh;background:#1a1a17;position:relative;overflow:hidden}.login-art{position:absolute;inset:0 0 0 35%;background-image:linear-gradient(90deg,#1a1a17 0%,#1a1a17ad 22%,#1a1a1718 70%),linear-gradient(0deg,#1a1a17b3,#1a1a1700 28%),url('./phoenix-wing.png');background-position:center;background-size:cover;opacity:.96}.login-content{position:relative;z-index:1;min-height:100vh;padding:44px clamp(28px,6vw,105px) 30px;display:flex;flex-direction:column}.login-brand{padding:0}.login-copy{margin:auto 0;max-width:620px;padding:60px 0 90px}.login-copy h1{font-size:clamp(66px,8.5vw,128px);margin:28px 0 23px;line-height:.96}.login-copy>p:not(.login-foot){max-width:410px;font-size:15px;line-height:1.8;color:#c8c8bc;margin-bottom:32px}.login-button{min-width:225px;height:52px}.login-foot{color:#a5a598;font-size:11px;margin:18px 0 0}.login-bottom{display:flex;justify-content:space-between;gap:15px;color:#aaa99a;font-size:9px;border-top:1px solid #6b675057;padding-top:24px}
.auth-loading{min-height:100vh;background:#1a1a17;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-weight:800;letter-spacing:.2em;font-size:17px}.auth-loading small{color:#a9a99b;font-size:9px;letter-spacing:.23em;font-weight:700}
@media(max-width:1200px){.sidebar{width:208px;padding-left:12px;padding-right:12px}.main{padding-left:30px;padding-right:30px}.topbar{padding-left:30px;padding-right:30px}.overview-grid{grid-template-columns:1fr}.activity-surface .ticket-list{display:grid;grid-template-columns:repeat(2,1fr)}.ticket-row:nth-child(even){border-left:1px solid var(--line)}}
@media(max-width:850px){.app{display:block}.sidebar{width:100%;min-height:0;height:auto;position:relative;padding:16px 20px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{padding:0}.sidebar-middle{margin:17px 0 0}.sidebar-middle>.rail-label,.sidebar-divider,.system-status,.sidebar-footer{display:none}.navigation{display:flex;overflow-x:auto;gap:3px;padding-bottom:2px}.nav-item{width:auto;min-width:max-content;padding:11px 13px;font-size:11px}.nav-icon{font-size:15px;width:17px}.nav-arrow{display:none}.topbar{height:auto;min-height:65px;flex-wrap:wrap;gap:9px;padding:13px 24px}.main{padding-left:24px;padding-right:24px}.settings-grid{grid-template-columns:1fr 1fr}.page-heading{padding-top:34px}.topbar-right{flex-wrap:wrap}.main-footer{padding:0 24px}}
@media(max-width:650px){.topbar-left{display:none}.topbar-right{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px 10px}.guild-select-label,.topbar-separator{display:none}.guild-select{width:100%;min-width:0;max-width:none;font-size:11px}.user-chip{min-width:0;font-size:11px}.user-chip #username{display:block;max-width:50px;overflow:hidden;text-overflow:ellipsis}.preview-badge{grid-column:1/-1;justify-self:start;font-size:8px;padding:6px}.logout-button{font-size:0;border:1px solid #5b554a;padding:8px 10px;white-space:nowrap;min-height:36px}.logout-button::after{content:'Uitloggen';font-size:11px;font-weight:700}.logout-button[title='Voorbeeld sluiten']::after{content:'Sluiten'}.main{padding:0 17px 55px}.page-heading{padding:30px 0 24px}.page-heading h1,.section-heading h1{font-size:47px}.heading-stamp{display:none}.hero{height:265px}.hero-content{padding:30px 23px}.hero-art{background-image:linear-gradient(90deg,#1c1b18 0%,#1c1b18c9 46%,#1c1b1870 100%),url('./phoenix-wing.png');background-position:center,right center}.hero-index{right:17px;font-size:7px}.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(n+3){border-top:1px solid var(--line)}.metric{min-height:120px;padding:17px}.metric strong{font-size:32px}.overview-grid{gap:15px}.activity-surface .ticket-list{grid-template-columns:1fr}.ticket-row:nth-child(even){border-left:0}.surface-heading{padding:23px 19px}.surface-heading h2{font-size:23px}.category-row,.ticket-row{padding-left:19px;padding-right:19px}.section-heading{padding:37px 0 28px}.section-toolbar{align-items:start;flex-direction:column}.form-grid,.settings-grid,.panel-layout{grid-template-columns:1fr}.form-actions{align-items:start;flex-direction:column}.create-form{padding:19px}.table-labels{display:none}.table-row{grid-template-columns:1fr auto;gap:8px;padding:17px 19px}.table-row .table-name{grid-column:1/-1}.table-row>span:nth-child(2),.table-row>span:nth-child(3){grid-column:1}.remove-button{grid-column:2;grid-row:2/4;align-self:center}.settings-grid{gap:15px}.panel-layout{gap:10px}.publish-surface{padding:24px}.main-footer{height:auto;padding:20px 17px;flex-wrap:wrap;font-size:8px}.login-art{inset:10% -45% 0 0;opacity:.55;background-position:65% center}.login-content{padding:28px 25px 24px}.login-copy{padding:100px 0}.login-copy h1{font-size:clamp(58px,15vw,85px)}.login-copy>p:not(.login-foot){font-size:13px}.login-bottom span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}