/* ═══════════════════════════════════════════
   SAFMS PORTAL v3 — Modern Command Interface
═══════════════════════════════════════════ */
        :root {
            /* Base */
            --bg0:#060a12;--bg1:#0a1020;--bg2:#0f1829;--bg3:#141f35;--bg4:#192540;--bg5:#1e2c4a;
            /* Borders */
            --b1:rgba(148,180,255,0.06);--b2:rgba(148,180,255,0.11);--b3:rgba(148,180,255,0.2);--b4:rgba(148,180,255,0.35);
            /* Text */
            --t1:#f0f4ff;--t2:#8fa3c8;--t3:#3d5278;--t4:#1e2d47;
            /* Accent Blue (SAMS) */
            --blue:#ff4060;--blue1:rgba(255,64,96,0.1);--blue2:rgba(255,64,96,0.2);--blue3:rgba(255,64,96,0.4);
            /* Accent Red (SAFR) */
            --red:#ff5c7a;--red1:rgba(255,92,122,0.1);--red2:rgba(255,92,122,0.2);--red3:rgba(255,92,122,0.4);
            /* Teal */
            --teal:#2ee8c8;--teal1:rgba(46,232,200,0.1);--teal2:rgba(46,232,200,0.2);--teal3:rgba(46,232,200,0.4);
            /* Amber */
            --amber:#ffb547;--amber1:rgba(255,181,71,0.1);--amber2:rgba(255,181,71,0.2);--amber3:rgba(255,181,71,0.4);
            /* Purple */
            --purple:#b07fff;--purple1:rgba(176,127,255,0.1);--purple2:rgba(176,127,255,0.2);--purple3:rgba(176,127,255,0.4);
            /* Coral */
            --coral:#ff8c5a;--coral1:rgba(255,140,90,0.1);--coral2:rgba(255,140,90,0.2);--coral3:rgba(255,140,90,0.4);
            /* Green */
            --green:#35e07a;--green1:rgba(53,224,122,0.12);
            /* Shadows */
            --shadow-xs:0 1px 4px rgba(0,0,0,0.3);
            --shadow-sm:0 4px 16px rgba(0,0,0,0.4);
            --shadow-md:0 8px 32px rgba(0,0,0,0.5);
            --shadow-lg:0 20px 60px rgba(0,0,0,0.7);
            --glow-blue:0 0 24px rgba(255,64,96,0.3);
            --glow-red:0 0 24px rgba(255,92,122,0.3);
            --glow-teal:0 0 24px rgba(46,232,200,0.3);
            /* Layout */
            --nav-w:240px;--nav-w-open:240px;--hdr-h:60px;
            /* Radius */
            --r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:28px;
            /* Transitions */
            --t-fast:0.15s ease;--t-med:0.25s ease;--t-slow:0.4s cubic-bezier(0.34,1.56,0.64,1);
        }
        body.light {
            --bg0:#e8eef8;--bg1:#edf2fb;--bg2:#f4f7fd;--bg3:#ffffff;--bg4:#eef2fc;--bg5:#e4ecf7;
            --b1:rgba(30,60,120,0.05);--b2:rgba(30,60,120,0.09);--b3:rgba(30,60,120,0.16);--b4:rgba(30,60,120,0.28);
            --t1:#0d1b3e;--t2:#4a6095;--t3:#9aadcf;--t4:#c8d5ec;
            --blue:#d01030;--blue1:rgba(208,16,48,0.08);--blue2:rgba(208,16,48,0.16);--blue3:rgba(208,16,48,0.32);
            --red:#e02040;--red1:rgba(224,32,64,0.08);--red2:rgba(224,32,64,0.16);--red3:rgba(224,32,64,0.32);
            --teal:#00a88a;--teal1:rgba(0,168,138,0.08);--teal2:rgba(0,168,138,0.16);--teal3:rgba(0,168,138,0.32);
            --amber:#d97706;--amber1:rgba(217,119,6,0.08);--amber2:rgba(217,119,6,0.16);--amber3:rgba(217,119,6,0.32);
            --purple:#6d28d9;--purple1:rgba(109,40,217,0.08);--purple2:rgba(109,40,217,0.16);--purple3:rgba(109,40,217,0.32);
            --coral:#c2440f;--coral1:rgba(194,68,15,0.08);--coral2:rgba(194,68,15,0.16);--coral3:rgba(194,68,15,0.32);
            --green:#059669;--green1:rgba(5,150,105,0.1);
            --shadow-xs:0 1px 3px rgba(0,0,0,0.08);
            --shadow-sm:0 4px 12px rgba(0,0,0,0.1);
            --shadow-md:0 8px 24px rgba(0,0,0,0.12);
            --shadow-lg:0 20px 40px rgba(0,0,0,0.15);
            --glow-blue:none;--glow-red:none;--glow-teal:none;
        }

        /* ── RESET ── */
        *{box-sizing:border-box;margin:0;padding:0;}
        html,body{height:100%;overflow:hidden;}
        body{
            font-family:'Space Grotesk',sans-serif;
            background:var(--bg0);color:var(--t1);
            display:flex;flex-direction:column;
            -webkit-font-smoothing:antialiased;
            -moz-osx-font-smoothing:grayscale;
        }

        /* ── SCROLLBAR ── */
        ::-webkit-scrollbar{width:4px;height:4px;}
        ::-webkit-scrollbar-track{background:transparent;}
        ::-webkit-scrollbar-thumb{background:var(--b3);border-radius:99px;}

        /* ── NOISE TEXTURE OVERLAY ── */
        body::before{
            content:'';position:fixed;inset:0;z-index:0;
            background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
            background-size:200px 200px;
            pointer-events:none;opacity:.4;
        }
        body.light::before{opacity:.15;}

        /* ── HEADER ── */
        header{
            height:var(--hdr-h);position:fixed;top:0;left:0;right:0;z-index:300;
            display:flex;align-items:center;justify-content:space-between;
            padding:0 20px 0 0;
            background:rgba(6,10,18,0.85);
            border-bottom:1px solid var(--b2);
            backdrop-filter:blur(24px) saturate(180%);
            -webkit-backdrop-filter:blur(24px) saturate(180%);
        }
        body.light header{background:rgba(237,242,251,0.9);}

        .brand{display:flex;align-items:center;gap:0;height:100%;padding:0 20px;border-right:1px solid var(--b2);min-width:var(--nav-w);}

        .brand-pills{display:flex;align-items:center;gap:8px;flex-shrink:0;}
        .brand-pill{
            font-family:'Space Mono',monospace;
            font-size:10px;font-weight:700;padding:3px 9px;
            border-radius:var(--r-xs);letter-spacing:.1em;text-transform:uppercase;
            transition:var(--t-fast);
        }
        .pill-sams{
            background:var(--blue1);border:1px solid var(--blue2);color:var(--blue);
            box-shadow:0 0 10px rgba(91,143,255,0.15);
        }
        .pill-safr{
            background:var(--red1);border:1px solid var(--red2);color:var(--red);
            box-shadow:0 0 10px rgba(255,92,122,0.15);
        }
        .brand-name{font-family:'Outfit',sans-serif;font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--t1);margin-left:12px;}
        .hdr-center{flex:1;display:flex;align-items:center;justify-content:center;padding:0 20px;}
        .hdr-search{
            display:flex;align-items:center;gap:8px;
            background:var(--bg2);border:1px solid var(--b2);
            border-radius:var(--r-lg);padding:7px 14px;
            max-width:320px;width:100%;
            transition:border-color .15s,box-shadow .15s;
        }
        .hdr-search:focus-within{border-color:var(--blue2);box-shadow:0 0 0 3px rgba(255,64,96,0.12);}
        .hdr-search input{
            background:none;border:none;outline:none;
            font-size:13px;color:var(--t1);width:100%;
            font-family:'Space Grotesk',sans-serif;
        }
        .hdr-search input::placeholder{color:var(--t3);}
        .hdr-search-icon{color:var(--t3);font-size:14px;flex-shrink:0;}
        .hdr-right{display:flex;align-items:center;gap:8px;}

        /* Theme toggle */
        .theme-seg{
            display:flex;background:var(--bg2);border:1px solid var(--b2);
            border-radius:var(--r-sm);padding:2px;gap:2px;
        }
        .theme-seg button{
            padding:5px 11px;font-size:11px;
            font-family:'Space Mono',monospace;
            border:none;background:transparent;color:var(--t3);
            cursor:pointer;border-radius:6px;transition:var(--t-fast);
        }
        .theme-seg button.on{
            background:var(--bg4);color:var(--t1);
            border:1px solid var(--b3);
            box-shadow:var(--shadow-xs);
        }

        /* Admin + user badges */
        .btn-admin{
            display:flex;align-items:center;gap:6px;
            padding:6px 14px;border-radius:var(--r-sm);
            border:1px solid var(--b2);background:var(--bg2);
            color:var(--t2);font-size:12px;font-weight:500;cursor:pointer;transition:var(--t-fast);
            font-family:'Space Grotesk',sans-serif;
        }
        .btn-admin:hover{border-color:var(--blue2);color:var(--blue);background:var(--blue1);}
        .btn-admin.on{background:var(--amber1);border-color:var(--amber2);color:var(--amber);box-shadow:0 0 12px rgba(255,181,71,0.2);}
        .btn-admin .dot{width:6px;height:6px;border-radius:50%;background:currentColor;}
        .user-badge{
            display:flex;align-items:center;gap:8px;
            padding:5px 12px;border-radius:var(--r-sm);
            border:1px solid var(--b2);background:var(--bg2);
            font-size:12px;color:var(--t2);
        }
        .user-badge .u-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);}
        .user-badge .u-name{font-weight:600;color:var(--t1);}
        .user-badge button{background:none;border:none;color:var(--t3);cursor:pointer;font-size:13px;transition:color .15s;padding:0 2px;}
        .user-badge button:hover{color:var(--t1);}

        /* ── LAYOUT SHELL ── */
        .shell{display:flex;margin-top:var(--hdr-h);height:calc(100vh - var(--hdr-h));}

        /* ── SIDEBAR ── */
        aside{
            width:var(--nav-w);
            background:rgba(9,14,28,0.8);
            border-right:1px solid var(--b2);
            display:flex;flex-direction:column;
            overflow:hidden;
            position:fixed;top:var(--hdr-h);left:0;bottom:0;z-index:200;
            transition:width var(--t-med);
            backdrop-filter:blur(20px);
            -webkit-backdrop-filter:blur(20px);
        }

        body.light aside{background:rgba(237,242,251,0.9);}
        .nav-top{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 0;}
        .nav-group-label{
            font-family:'Space Mono',monospace;
            font-size:8px;font-weight:700;letter-spacing:.2em;
            text-transform:uppercase;color:var(--t3);
            padding:14px 0 4px;
            white-space:nowrap;overflow:hidden;
            display:flex;align-items:center;
            height:34px;
            padding-left:24px;
        }
        .nav-item{
            display:flex;align-items:center;
            padding:0 12px;height:46px;
            cursor:pointer;white-space:nowrap;
            transition:all var(--t-fast);
            position:relative;overflow:hidden;
            border-radius:0;
            text-decoration:none;color:var(--t2);
        }
        .nav-item::before{
            content:'';position:absolute;left:0;top:50%;bottom:50%;
            width:3px;border-radius:0 3px 3px 0;
            background:var(--blue);
            transition:top .2s,bottom .2s;
            opacity:0;
        }
        .nav-item.active::before{top:8px;bottom:8px;opacity:1;}
        .nav-item.active.safr-item::before{background:var(--red);}
        .nav-item:hover{background:var(--b1);color:var(--t1);}
        .nav-item.active{color:var(--t1);background:var(--b2);}
        .nav-icon-wrap{width:44px;height:46px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;}
        .nav-label{font-size:13px;font-weight:500;}
        .nav-badge{margin-left:auto;margin-right:14px;font-family:'Space Mono',monospace;font-size:9px;padding:1px 6px;border-radius:99px;background:var(--b2);color:var(--t3);}
        .nav-section-bar{height:1px;background:var(--b2);margin:6px 12px;}

        /* Tooltip on collapsed */
        .nav-item .nav-tooltip{display:none;}

        /* ── MAIN CONTENT ── */
        main{
            margin-left:var(--nav-w);flex:1;overflow-y:auto;
            padding:32px 36px;
            transition:margin-left var(--t-med);
            position:relative;z-index:1;
        }
        .page-enter{animation:pageEnter .3s ease forwards;}
        @keyframes pageEnter{
            from{opacity:0;transform:translateY(10px);}
            to{opacity:1;transform:translateY(0);}
        }

        /* ── PAGE HEADER ── */
        .page-hdr{margin-bottom:28px;}
        .page-hdr h1{
            font-family:'Outfit',sans-serif;
            font-size:30px;font-weight:800;letter-spacing:-.02em;
            margin-bottom:6px;display:flex;align-items:center;gap:12px;
            line-height:1.1;
        }
        .page-hdr p{font-size:14px;color:var(--t2);line-height:1.7;}

        /* ── DEPT PILLS ── */
        .dept-pill{
            font-family:'Space Mono',monospace;
            font-size:9px;font-weight:700;padding:2px 8px;
            border-radius:var(--r-xs);letter-spacing:.08em;text-transform:uppercase;
        }
        .dp-sams{background:var(--blue1);border:1px solid var(--blue2);color:var(--blue);}
        .dp-safr{background:var(--red1);border:1px solid var(--red2);color:var(--red);}

        /* ── GRID ── */
        .grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
        .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
        .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;}

        /* ── GLASS CARD ── */
        .card{
            background:var(--bg2);
            border:1px solid var(--b2);
            border-radius:var(--r-lg);padding:22px;margin-bottom:16px;
            position:relative;overflow:hidden;cursor:pointer;
            transition:transform var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast);
        }
        .card::after{
            content:'';position:absolute;inset:0;
            background:radial-gradient(ellipse at 0% 0%,rgba(91,143,255,0.04) 0%,transparent 60%);
            pointer-events:none;
        }
        .card:hover{
            transform:translateY(-3px);
            border-color:var(--b3);
            box-shadow:var(--shadow-md),0 0 0 1px var(--b2);
        }
        .card-title{
            font-family:'Outfit',sans-serif;
            font-size:15px;font-weight:700;margin-bottom:7px;
            display:flex;align-items:center;gap:9px;letter-spacing:-.01em;
        }
        .card-body{font-size:13px;color:var(--t2);line-height:1.7;}

        /* ── STAT CARDS ── */
        .stat-card{
            background:var(--bg2);border:1px solid var(--b2);
            border-radius:var(--r-lg);padding:22px;
            display:flex;flex-direction:column;gap:6px;
            position:relative;overflow:hidden;cursor:default;
            transition:border-color var(--t-fast),box-shadow var(--t-fast);
        }
        .stat-card:hover{border-color:var(--b3);box-shadow:var(--shadow-sm);}
        .stat-card::before{
            content:'';position:absolute;top:0;left:0;right:0;height:2px;
            background:linear-gradient(90deg,transparent 0%,var(--sc-color,var(--blue)) 50%,transparent 100%);
            opacity:.7;
        }
        .stat-val{
            font-family:'Outfit',sans-serif;
            font-size:32px;font-weight:800;line-height:1;letter-spacing:-.02em;
        }
        .stat-lbl{font-size:12px;color:var(--t2);font-weight:500;}

        /* ── RANK LIST ── */
        .rank-section{margin-bottom:22px;}
        .rank-section-hdr{
            display:flex;align-items:center;gap:10px;padding:10px 16px;
            border-radius:var(--r-md) var(--r-md) 0 0;
            font-family:'Space Mono',monospace;
            font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
            border:1px solid;border-bottom:none;
        }
        .rsh-teal  {background:var(--teal1);color:var(--teal);border-color:var(--teal2);}
        .rsh-coral {background:var(--coral1);color:var(--coral);border-color:var(--coral2);}
        .rsh-amber {background:var(--amber1);color:var(--amber);border-color:var(--amber2);}
        .rsh-red   {background:var(--red1);color:var(--red);border-color:var(--red2);}
        .rsh-blue  {background:var(--blue1);color:var(--blue);border-color:var(--blue2);}
        .rsh-purple{background:var(--purple1);color:var(--purple);border-color:var(--purple2);}

        .rank-list{border:1px solid var(--b2);border-radius:0 0 var(--r-md) var(--r-md);overflow:hidden;}
        .rank-row{
            display:flex;align-items:center;gap:14px;padding:13px 16px;
            border-bottom:1px solid var(--b1);cursor:pointer;
            transition:background var(--t-fast);position:relative;overflow:hidden;
        }
        .rank-row::after{
            content:'';position:absolute;inset:0;opacity:0;
            background:linear-gradient(90deg,var(--blue1) 0%,transparent 60%);
            transition:opacity var(--t-fast);pointer-events:none;
        }
        .rank-row:hover{background:var(--b1);}
        .rank-row:hover::after{opacity:1;}
        .rank-row:last-child{border-bottom:none;}
        .rank-num{font-family:'Space Mono',monospace;font-size:10px;color:var(--t3);min-width:22px;text-align:right;}
        .rank-info{flex:1;}
        .rank-name{font-size:13px;font-weight:600;margin-bottom:2px;color:var(--t1);}
        .rank-desc{font-size:11px;color:var(--t2);}
        .rank-tag{
            font-family:'Space Mono',monospace;
            font-size:9px;padding:2px 8px;border-radius:var(--r-xs);
            white-space:nowrap;font-weight:700;
        }
        .tag-top  {background:var(--amber1);color:var(--amber);border:1px solid var(--amber2);}
        .tag-entry{background:var(--b1);color:var(--t3);border:1px solid var(--b2);}
        .tag-lp   {background:var(--amber1);color:var(--amber);border:1px solid var(--amber2);}
        .tag-cmd  {background:var(--red1);color:var(--red);border:1px solid var(--red2);}
        .lp-sep{
            display:flex;align-items:center;gap:10px;padding:6px 16px;
            background:linear-gradient(90deg,var(--amber1),transparent);
            border-bottom:1px solid var(--b1);
        }
        .lp-sep span{font-family:'Space Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);white-space:nowrap;}
        .lp-sep::after{content:'';flex:1;height:1px;background:var(--amber2);}

        /* ── ORG NODES ── */
        .org-wrap{overflow-x:auto;padding-bottom:16px;}
        .org-tree{display:flex;flex-direction:column;align-items:center;min-width:600px;}
        .org-node{
            border-radius:var(--r-md);border:1px solid var(--b2);
            padding:13px 22px;cursor:pointer;text-align:center;min-width:210px;
            background:var(--bg2);position:relative;overflow:hidden;
            transition:all var(--t-fast);
        }
        .org-node::before{
            content:'';position:absolute;inset:0;opacity:0;
            background:radial-gradient(circle at 50% 0%,rgba(255,255,255,0.04),transparent 70%);
            transition:opacity .2s;
        }
        .org-node:hover{transform:translateY(-3px);border-color:var(--b4);box-shadow:var(--shadow-md);}
        .org-node:hover::before{opacity:1;}
        .on-rank{font-family:'Outfit',sans-serif;font-size:14px;font-weight:700;margin-bottom:2px;letter-spacing:-.01em;}
        .on-sub{font-size:11px;color:var(--t2);}
        .on-blue  {background:linear-gradient(135deg,var(--bg2),var(--blue1));border-color:var(--blue2);}.on-blue .on-rank{color:var(--blue);}
        .on-blue:hover{box-shadow:var(--glow-blue),var(--shadow-md);}
        .on-teal  {background:linear-gradient(135deg,var(--bg2),var(--teal1));border-color:var(--teal2);}.on-teal .on-rank{color:var(--teal);}
        .on-teal:hover{box-shadow:var(--glow-teal),var(--shadow-md);}
        .on-coral {background:linear-gradient(135deg,var(--bg2),var(--coral1));border-color:var(--coral2);}.on-coral .on-rank{color:var(--coral);}
        .on-amber {background:linear-gradient(135deg,var(--bg2),var(--amber1));border-color:var(--amber2);}.on-amber .on-rank{color:var(--amber);}
        .on-red   {background:linear-gradient(135deg,var(--bg2),var(--red1));border-color:var(--red2);}.on-red .on-rank{color:var(--red);}
        .on-red:hover{box-shadow:var(--glow-red),var(--shadow-md);}
        .on-purple{background:linear-gradient(135deg,var(--bg2),var(--purple1));border-color:var(--purple2);}.on-purple .on-rank{color:var(--purple);}
        .org-vline{width:1px;height:22px;background:var(--b3);margin:0 auto;}
        .org-hrow{display:flex;align-items:flex-start;gap:24px;position:relative;padding-top:22px;width:100%;justify-content:center;}
        .org-hrow::before{content:'';position:absolute;top:0;left:20px;right:20px;height:1px;background:var(--b3);}
        .org-col{display:flex;flex-direction:column;align-items:center;flex:1;}
        .org-col-vtop{width:1px;height:22px;background:var(--b3);}
        .org-col-list{width:100%;border:1px solid var(--b2);border-radius:0 0 var(--r-md) var(--r-md);overflow:hidden;}
        .org-col-list .org-node{border-radius:0;border:none;border-bottom:1px solid var(--b1);min-width:unset;}
        .org-col-list .org-node:last-child{border-bottom:none;}
        .org-lp-div{padding:5px 14px;font-family:'Space Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);text-align:center;background:var(--amber1);border-top:1px dashed var(--amber2);}

        /* ── FACH CARDS ── */
        .fach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;}
        .fach-card{
            background:var(--bg2);border:1px solid var(--b2);
            border-radius:var(--r-lg);padding:18px;cursor:pointer;
            transition:all var(--t-fast);display:flex;flex-direction:column;gap:8px;
            position:relative;overflow:hidden;
        }
        .fach-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--blue),transparent);opacity:0;transition:opacity .2s;}
        .fach-card:hover{border-color:var(--b3);transform:translateY(-3px);box-shadow:var(--shadow-md);}
        .fach-card:hover::before{opacity:.7;}
        .fach-icon{font-size:24px;}
        .fach-name{font-family:'Outfit',sans-serif;font-size:14px;font-weight:700;letter-spacing:-.01em;}
        .fach-desc{font-size:11px;color:var(--t2);line-height:1.5;}

        /* ── DOKUMENTE ── */
        .doc-row{
            display:flex;align-items:center;gap:14px;
            padding:13px 16px;background:var(--bg2);
            border:1px solid var(--b1);border-radius:var(--r-md);
            margin-bottom:6px;cursor:pointer;transition:all var(--t-fast);
        }
        .doc-row:hover{border-color:var(--b3);background:var(--bg3);transform:translateX(2px);}
        .doc-icon{font-size:18px;min-width:26px;}
        .doc-info{flex:1;}
        .doc-name{font-size:13px;font-weight:600;margin-bottom:2px;color:var(--t1);}
        .doc-meta{font-size:11px;color:var(--t2);}
        .doc-cat{font-family:'Space Mono',monospace;font-size:9px;padding:2px 8px;border-radius:var(--r-xs);background:var(--b1);color:var(--t3);border:1px solid var(--b2);}

        /* ── VEHICLES ── */
        .vehicle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;}
        .vehicle-card{
            background:var(--bg2);border:1px solid var(--b2);
            border-radius:var(--r-lg);padding:18px;
            transition:all var(--t-fast);position:relative;overflow:hidden;
        }
        .vehicle-card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--red),transparent);opacity:.5;}
        .vehicle-card:hover{border-color:var(--red2);box-shadow:0 4px 20px rgba(255,92,122,0.12);}
        .v-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
        .v-icon{font-size:22px;}
        .v-name{font-family:'Outfit',sans-serif;font-size:15px;font-weight:700;letter-spacing:-.01em;}
        .v-detail{font-size:12px;color:var(--t2);line-height:1.7;}
        .v-detail b{color:var(--t1);font-weight:600;}

        /* ── PROZESSE ── */
        .prozess-card{background:var(--bg2);border:1px solid var(--b2);border-radius:var(--r-lg);padding:22px;margin-bottom:14px;transition:border-color .15s;}
        .prozess-card:hover{border-color:var(--b3);}
        .prozess-title{font-family:'Outfit',sans-serif;font-size:16px;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:9px;letter-spacing:-.01em;}
        .prozess-body{font-size:13px;color:var(--t2);line-height:1.7;}
        .prozess-list{list-style:none;display:flex;flex-direction:column;gap:6px;margin-top:10px;}
        .prozess-list li{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:var(--t2);}
        .prozess-list li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--red);flex-shrink:0;margin-top:5px;box-shadow:0 0 6px var(--red);}
        .funk-channel{display:inline-flex;align-items:center;gap:6px;background:var(--bg3);border:1px solid var(--b2);border-radius:var(--r-sm);padding:3px 10px;font-family:'Space Mono',monospace;font-size:11px;color:var(--t2);margin:3px 3px 3px 0;}
        .funk-channel.primary{border-color:var(--red2);color:var(--red);background:var(--red1);}

        /* ── SEARCH + FILTER ── */
        .personal-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap;}
        .search-box{
            flex:1;min-width:180px;max-width:320px;
            display:flex;align-items:center;gap:8px;
            background:var(--bg2);border:1px solid var(--b2);
            border-radius:var(--r-lg);padding:8px 14px;
            transition:border-color .15s,box-shadow .15s;
        }
        .search-box:focus-within{border-color:var(--blue2);box-shadow:0 0 0 3px rgba(255,64,96,0.1);}
        .search-box input{background:none;border:none;outline:none;font-size:13px;color:var(--t1);width:100%;font-family:'Space Grotesk',sans-serif;}
        .search-box input::placeholder{color:var(--t3);}
        .filter-sel{background:var(--bg2);border:1px solid var(--b2);border-radius:var(--r-lg);padding:8px 14px;font-size:12px;color:var(--t2);font-family:'Space Grotesk',sans-serif;outline:none;cursor:pointer;transition:border-color .15s;}
        .filter-sel:focus{border-color:var(--blue2);}
        .filter-sel option{background:var(--bg2);}

        /* ── PERSONAL CARDS ── */
        .personal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;}
        .person-card{
            background:var(--bg2);border:1px solid var(--b2);
            border-radius:var(--r-lg);padding:18px;cursor:pointer;
            transition:all var(--t-fast);display:flex;flex-direction:column;gap:10px;
            position:relative;overflow:hidden;
        }
        .person-card::before{content:'';position:absolute;top:-40px;right:-40px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(91,143,255,0.06),transparent);transition:transform .3s;}
        .person-card:hover{border-color:var(--b3);transform:translateY(-3px);box-shadow:var(--shadow-md);}
        .person-card:hover::before{transform:scale(2);}
        .person-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Outfit',sans-serif;font-size:16px;font-weight:800;flex-shrink:0;}
        .person-header{display:flex;align-items:center;gap:11px;}
        .person-name{font-size:14px;font-weight:600;line-height:1.2;color:var(--t1);}
        .person-callsign{font-family:'Space Mono',monospace;font-size:10px;color:var(--t2);margin-top:1px;}
        .person-rank-badge{font-family:'Space Mono',monospace;font-size:9px;padding:2px 8px;border-radius:var(--r-xs);font-weight:700;white-space:nowrap;align-self:flex-start;}
        .person-details{display:flex;flex-direction:column;gap:4px;}
        .person-detail-row{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--t2);}
        .di{opacity:.5;font-size:11px;min-width:14px;text-align:center;}
        .person-tags{display:flex;flex-wrap:wrap;gap:4px;}
        .person-tag{font-size:10px;padding:2px 7px;border-radius:var(--r-xs);background:var(--b1);border:1px solid var(--b2);color:var(--t2);}
        .person-status{position:absolute;top:14px;right:14px;width:8px;height:8px;border-radius:50%;}
        .status-aktiv{background:var(--green);box-shadow:0 0 8px var(--green);animation:statusPulse 2s infinite;}
        .status-inaktiv{background:var(--t3);}
        .status-ausb{background:var(--amber);box-shadow:0 0 8px var(--amber);}
        @keyframes statusPulse{0%,100%{box-shadow:0 0 6px var(--green);}50%{box-shadow:0 0 12px var(--green);}}

        /* ── KONTAKTE ── */
        .kontakt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;}
        .kontakt-card{background:var(--bg2);border:1px solid var(--b2);border-radius:var(--r-lg);padding:16px;transition:border-color .15s;}
        .kontakt-card:hover{border-color:var(--b3);}
        .k-head{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
        .k-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Outfit',sans-serif;font-size:14px;font-weight:800;flex-shrink:0;}
        .k-name{font-size:13px;font-weight:600;margin-bottom:2px;color:var(--t1);}
        .k-callsign{font-family:'Space Mono',monospace;font-size:10px;color:var(--t2);}
        .k-details{display:flex;flex-direction:column;gap:5px;}
        .k-row{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--t2);}
        .k-icon{opacity:.5;font-size:11px;width:14px;text-align:center;}
        .k-funk{display:inline-flex;align-items:center;gap:5px;background:var(--bg3);border:1px solid var(--b2);border-radius:var(--r-xs);padding:2px 8px;font-family:'Space Mono',monospace;font-size:10px;color:var(--t2);}

        /* ── BEFOERDERUNG ── */
        .befoerd-section{margin-bottom:24px;}
        .befoerd-card{background:var(--bg2);border:1px solid var(--b1);border-radius:0;border-bottom:1px solid var(--b1);padding:18px;transition:background .12s;}
        .befoerd-card:hover{background:var(--bg3);}
        .befoerd-head{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
        .befoerd-arrow{font-size:16px;color:var(--t3);}
        .req-list{display:flex;flex-direction:column;gap:5px;}
        .req-item{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--t2);}
        .req-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;margin-top:4px;}
        .req-dot{background:var(--blue);box-shadow:0 0 4px var(--blue);}
        .req-dot-coral{background:var(--coral);box-shadow:0 0 4px var(--coral);}
        .req-dot-red{background:var(--red);box-shadow:0 0 4px var(--red);}
        .req-dot-amber{background:var(--amber);}

        /* ── STATISTIKEN ── */
        .stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:22px;}
        .stat-big{background:var(--bg2);border:1px solid var(--b2);border-radius:var(--r-lg);padding:20px;text-align:center;transition:border-color .15s;position:relative;overflow:hidden;}
        .stat-big:hover{border-color:var(--b3);}
        .stat-big-val{font-family:'Outfit',sans-serif;font-size:40px;font-weight:800;line-height:1;letter-spacing:-.03em;}
        .stat-big-lbl{font-size:12px;color:var(--t2);margin-top:5px;font-weight:500;}
        .bar-chart{display:flex;flex-direction:column;gap:9px;}
        .bar-row{display:flex;align-items:center;gap:10px;font-size:12px;}
        .bar-label{min-width:130px;color:var(--t2);text-align:right;font-size:11px;}
        .bar-track{flex:1;height:8px;background:var(--b1);border-radius:99px;overflow:hidden;}
        .bar-fill{height:100%;border-radius:99px;transition:width 1s cubic-bezier(.34,1.56,.64,1);}
        .month-chart{display:flex;align-items:flex-end;gap:4px;height:80px;margin-top:10px;}
        .month-bar{flex:1;border-radius:4px 4px 0 0;min-width:0;transition:height .6s ease;}
        .month-label{font-size:9px;color:var(--t3);text-align:center;margin-top:3px;font-family:'Space Mono',monospace;}

        /* ── SAFR FACH ── */
        .sfach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;}
        .sfach-card{background:var(--bg2);border:1px solid var(--b2);border-radius:var(--r-lg);padding:18px;transition:all var(--t-fast);position:relative;overflow:hidden;}
        .sfach-card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--red),transparent);opacity:.4;transition:opacity .2s;}
        .sfach-card:hover{border-color:var(--red2);transform:translateY(-3px);box-shadow:0 8px 24px rgba(255,92,122,0.1);}
        .sfach-card:hover::after{opacity:1;}
        .sf-icon{font-size:24px;margin-bottom:8px;}
        .sf-name{font-family:'Outfit',sans-serif;font-size:15px;font-weight:700;margin-bottom:5px;letter-spacing:-.01em;}
        .sf-desc{font-size:12px;color:var(--t2);line-height:1.5;margin-bottom:10px;}
        .sf-meta{display:flex;flex-direction:column;gap:4px;}
        .sf-meta-row{font-size:11px;color:var(--t3);display:flex;gap:5px;}
        .sf-meta-row b{color:var(--t2);font-weight:500;}
        .sf-type-main {background:var(--red1);border:1px solid var(--red2);color:var(--red);}
        .sf-type-neben{background:var(--amber1);border:1px solid var(--amber2);color:var(--amber);}

        /* ── SCHWARZES BRETT ── */
        .brett-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap;}
        .brett-grid{display:flex;flex-direction:column;gap:10px;}
        .ann-card{background:var(--bg2);border:1px solid var(--b2);border-radius:var(--r-lg);padding:20px;position:relative;transition:border-color .15s;}
        .ann-card:hover{border-color:var(--b3);}
        .ann-card.pinned{border-left:3px solid var(--amber);}
        .ann-card.prio-hoch{border-left:3px solid var(--red);}
        .ann-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px;}
        .ann-icon{font-size:20px;flex-shrink:0;margin-top:1px;}
        .ann-title{font-family:'Outfit',sans-serif;font-size:17px;font-weight:700;margin-bottom:4px;letter-spacing:-.01em;}
        .ann-meta{font-size:11px;color:var(--t2);display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
        .ann-body{font-size:13px;color:var(--t2);line-height:1.7;}
        .ann-badge{font-family:'Space Mono',monospace;font-size:9px;padding:2px 8px;border-radius:var(--r-xs);font-weight:700;white-space:nowrap;}
        .ann-badge-hoch{background:var(--red1);color:var(--red);border:1px solid var(--red2);}
        .ann-badge-normal{background:var(--b1);color:var(--t3);border:1px solid var(--b2);}
        .ann-badge-info{background:var(--blue1);color:var(--blue);border:1px solid var(--blue2);}
        .ann-pin{position:absolute;top:14px;right:14px;font-size:14px;opacity:.6;}
        .ann-actions{display:flex;gap:8px;margin-top:12px;}

        /* ── KALENDER ── */
        .kal-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
        .kal-month{background:var(--bg2);border:1px solid var(--b2);border-radius:var(--r-lg);overflow:hidden;}
        .kal-month-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--b2);font-family:'Outfit',sans-serif;font-size:16px;font-weight:700;letter-spacing:-.01em;}
        .kal-month-head button{background:none;border:none;color:var(--t2);cursor:pointer;font-size:18px;padding:2px 8px;border-radius:var(--r-sm);transition:.15s;}
        .kal-month-head button:hover{background:var(--b2);color:var(--t1);}
        .kal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:var(--b1);}
        .kal-wd{text-align:center;padding:6px 0;font-family:'Space Mono',monospace;font-size:9px;color:var(--t3);letter-spacing:.05em;}
        .kal-days{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--b1);padding:1px;}
        .kal-day{background:var(--bg2);min-height:52px;padding:5px 6px;cursor:pointer;transition:background .12s;position:relative;}
        .kal-day:hover{background:var(--bg3);}
        .kal-day.empty{background:var(--bg1);cursor:default;}
        .kal-day.today{background:var(--blue1)!important;}
        .kal-day.today .kal-daynum{color:var(--blue);font-weight:700;}
        .kal-day.has-event .kal-daynum::after{content:'';display:block;width:4px;height:4px;border-radius:50%;background:var(--amber);margin:1px auto 0;box-shadow:0 0 4px var(--amber);}
        .kal-daynum{font-size:12px;font-weight:500;color:var(--t2);text-align:center;margin-bottom:3px;}
        .kal-dot{width:6px;height:6px;border-radius:50%;margin:1px auto;}
        .kal-event-list{background:var(--bg2);border:1px solid var(--b2);border-radius:var(--r-lg);overflow:hidden;}
        .kal-event-row{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;border-bottom:1px solid var(--b1);cursor:pointer;transition:background .12s;}
        .kal-event-row:last-child{border-bottom:none;}
        .kal-event-row:hover{background:var(--b1);}
        .kal-event-date{text-align:center;min-width:44px;background:var(--b1);border-radius:var(--r-md);padding:6px 4px;}
        .kal-event-day{font-family:'Outfit',sans-serif;font-size:24px;font-weight:800;line-height:1;}
        .kal-event-mon{font-family:'Space Mono',monospace;font-size:9px;color:var(--t3);letter-spacing:.05em;}
        .kal-event-info{flex:1;}
        .kal-event-title{font-size:13px;font-weight:600;color:var(--t1);margin-bottom:3px;}
        .kal-event-meta{font-size:11px;color:var(--t2);display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
        .kal-badge{font-family:'Space Mono',monospace;font-size:9px;padding:1px 7px;border-radius:var(--r-xs);font-weight:700;}
        .kb-pflicht{background:var(--red1);color:var(--red);border:1px solid var(--red2);}
        .kb-training{background:var(--teal1);color:var(--teal);border:1px solid var(--teal2);}
        .kb-intern{background:var(--purple1);color:var(--purple);border:1px solid var(--purple2);}
        .kb-info{background:var(--blue1);color:var(--blue);border:1px solid var(--blue2);}

        /* ── AUSBILDUNG ── */
        .ausb-person-sel{display:flex;align-items:center;gap:12px;background:var(--bg2);border:1px solid var(--b2);border-radius:var(--r-lg);padding:16px 20px;margin-bottom:20px;}
        .ausb-progress-bar{height:8px;background:var(--b1);border-radius:99px;overflow:hidden;margin:4px 0;}
        .ausb-progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--teal),var(--blue));transition:width .8s cubic-bezier(.34,1.56,.64,1);}
        .ausb-section{margin-bottom:20px;}
        .ausb-section-hdr{font-family:'Space Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--t3);padding:8px 0;margin-bottom:8px;border-bottom:1px solid var(--b2);display:flex;align-items:center;justify-content:space-between;}
        .ausb-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg2);border:1px solid var(--b1);border-radius:var(--r-md);margin-bottom:5px;cursor:pointer;transition:all .15s;}
        .ausb-item:hover{border-color:var(--b3);background:var(--bg3);}
        .ausb-item.done{border-left:3px solid var(--teal);}
        .ausb-item.done .ausb-label{color:var(--t2);}
        .ausb-check{width:18px;height:18px;border-radius:4px;border:2px solid var(--b3);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:.2s;font-size:11px;}
        .ausb-item.done .ausb-check{background:linear-gradient(135deg,var(--teal),var(--blue));border-color:transparent;color:#fff;box-shadow:0 0 8px var(--teal);}
        .ausb-label{font-size:13px;font-weight:500;flex:1;color:var(--t1);}
        .ausb-date{font-family:'Space Mono',monospace;font-size:10px;color:var(--t3);}

        /* ── BEWERBUNG ── */
        .bew-public{background:var(--bg2);border:1px solid var(--b2);border-radius:var(--r-2xl);padding:40px;max-width:620px;margin:0 auto;}
        .bew-header{text-align:center;margin-bottom:28px;}
        .bew-header h2{font-family:'Outfit',sans-serif;font-size:28px;font-weight:800;letter-spacing:-.02em;margin-bottom:6px;}
        .bew-header p{font-size:13px;color:var(--t2);line-height:1.6;}
        .bew-success{text-align:center;padding:40px;background:var(--teal1);border:1px solid var(--teal2);border-radius:var(--r-2xl);max-width:500px;margin:40px auto;}
        .bew-success .bew-icon{font-size:48px;margin-bottom:16px;}
        .bew-success h3{font-family:'Outfit',sans-serif;font-size:24px;font-weight:800;color:var(--teal);margin-bottom:8px;}
        .bew-success p{font-size:13px;color:var(--t2);}
        .bew-list-card{background:var(--bg2);border:1px solid var(--b2);border-radius:var(--r-lg);overflow:hidden;margin-bottom:14px;}
        .bew-row{display:flex;align-items:center;gap:14px;padding:13px 18px;border-bottom:1px solid var(--b1);transition:background .12s;cursor:pointer;}
        .bew-row:last-child{border-bottom:none;}
        .bew-row:hover{background:var(--b1);}
        .bew-name{font-size:13px;font-weight:600;margin-bottom:2px;color:var(--t1);}
        .bew-meta{font-size:11px;color:var(--t2);}
        .bew-status{font-family:'Space Mono',monospace;font-size:9px;padding:2px 8px;border-radius:var(--r-xs);font-weight:700;white-space:nowrap;}
        .bs-neu{background:var(--blue1);color:var(--blue);border:1px solid var(--blue2);}
        .bs-pruef{background:var(--amber1);color:var(--amber);border:1px solid var(--amber2);}
        .bs-angenommen{background:var(--teal1);color:var(--teal);border:1px solid var(--teal2);}
        .bs-abgelehnt{background:var(--red1);color:var(--red);border:1px solid var(--red2);}
        .bew-modal-bg{position:fixed;inset:0;z-index:600;background:rgba(6,10,18,0.85);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s;}
        .bew-modal-bg.open{opacity:1;pointer-events:all;}
        .bew-modal{background:var(--bg2);border:1px solid var(--b3);border-radius:var(--r-xl);padding:32px;width:580px;max-width:95vw;max-height:90vh;overflow-y:auto;transform:scale(.95) translateY(8px);transition:transform .25s var(--t-slow);position:relative;}
        .bew-modal-bg.open .bew-modal{transform:scale(1) translateY(0);}

        /* ── CREDITS ── */
        .credits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;}
        .credit-card{background:var(--bg2);border:1px solid var(--b2);border-radius:var(--r-xl);padding:24px;transition:border-color .15s;position:relative;overflow:hidden;}
        .credit-card:hover{border-color:var(--b3);}
        .credit-avatar{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Outfit',sans-serif;font-size:20px;font-weight:800;margin-bottom:14px;}
        .credit-name{font-family:'Outfit',sans-serif;font-size:18px;font-weight:800;margin-bottom:3px;letter-spacing:-.01em;}
        .credit-role{font-family:'Space Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;}
        .credit-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;}
        .credit-tag{font-size:11px;padding:3px 9px;border-radius:var(--r-xs);background:var(--b1);border:1px solid var(--b2);color:var(--t2);}
        .credit-note{font-size:12px;color:var(--t2);line-height:1.6;border-top:1px solid var(--b2);padding-top:10px;}
        .credit-date{font-family:'Space Mono',monospace;font-size:10px;color:var(--t3);margin-top:8px;}
        .changelog{background:var(--bg2);border:1px solid var(--b2);border-radius:var(--r-lg);overflow:hidden;}
        .cl-row{display:flex;align-items:flex-start;gap:14px;padding:12px 18px;border-bottom:1px solid var(--b1);}
        .cl-row:last-child{border-bottom:none;}
        .cl-row:hover{background:var(--b1);}
        .cl-date{font-family:'Space Mono',monospace;font-size:10px;color:var(--t3);min-width:60px;padding-top:2px;}
        .cl-info{flex:1;}
        .cl-what{font-size:13px;font-weight:500;margin-bottom:2px;color:var(--t1);}
        .cl-who{font-size:11px;color:var(--t2);}
        .cl-badge{font-family:'Space Mono',monospace;font-size:9px;padding:2px 8px;border-radius:var(--r-xs);font-weight:700;white-space:nowrap;}
        .clb-add{background:var(--teal1);color:var(--teal);border:1px solid var(--teal2);}
        .clb-edit{background:var(--blue1);color:var(--blue);border:1px solid var(--blue2);}
        .clb-fix{background:var(--amber1);color:var(--amber);border:1px solid var(--amber2);}

        /* ── ACCOUNT TABLE ── */
        .acc-table{width:100%;border-collapse:collapse;background:var(--bg2);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--b2);}
        .acc-table th{padding:10px 14px;font-family:'Space Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--t3);background:var(--b1);text-align:left;border-bottom:1px solid var(--b2);}
        .acc-table td{padding:12px 14px;font-size:13px;border-bottom:1px solid var(--b1);vertical-align:middle;color:var(--t1);}
        .acc-table tr:last-child td{border-bottom:none;}
        .acc-table tr:hover td{background:var(--b1);}
        .perm-btn{padding:3px 9px;border-radius:5px;font-size:10px;font-weight:600;cursor:pointer;border:1px solid var(--b2);background:var(--bg3);color:var(--t3);transition:.12s;font-family:'Space Mono',monospace;}
        .perm-btn:hover{color:var(--t1);}
        .perm-active-none{background:var(--b2)!important;color:var(--t2)!important;border-color:var(--b3)!important;}
        .perm-active-read{background:var(--teal1)!important;color:var(--teal)!important;border-color:var(--teal2)!important;}
        .perm-active-write{background:var(--blue1)!important;color:var(--blue)!important;border-color:var(--blue2)!important;}
        .acc-role-admin{background:var(--amber1);color:var(--amber);border:1px solid var(--amber2);padding:2px 8px;border-radius:var(--r-xs);font-family:'Space Mono',monospace;font-size:9px;font-weight:700;}
        .acc-role-user{background:var(--blue1);color:var(--blue);border:1px solid var(--blue2);padding:2px 8px;border-radius:var(--r-xs);font-family:'Space Mono',monospace;font-size:9px;font-weight:700;}
        .acc-action-btn{padding:4px 10px;border-radius:var(--r-sm);font-size:11px;font-weight:500;cursor:pointer;border:1px solid var(--b2);background:var(--bg3);color:var(--t2);transition:.15s;margin-left:4px;font-family:'Space Grotesk',sans-serif;}
        .acc-action-btn:hover{color:var(--t1);border-color:var(--b3);}
        .acc-action-btn.del{border-color:var(--red2);color:var(--red);background:var(--red1);}
        .acc-action-btn.del:hover{background:var(--red);color:#fff;}

        /* ── SIDE PANEL ── */
        .side-overlay{position:fixed;inset:0;z-index:300;background:rgba(6,10,18,0.75);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .22s;}
        .side-overlay.open{opacity:1;pointer-events:all;}
        .side-panel{
            position:absolute;right:0;top:0;bottom:0;width:460px;
            background:var(--bg1);border-left:1px solid var(--b3);
            display:flex;flex-direction:column;
            transform:translateX(100%);
            transition:transform .3s cubic-bezier(.32,1,.45,1);
            overflow-y:auto;
        }
        .side-overlay.open .side-panel{transform:translateX(0);}
        .sp-head{padding:28px 28px 0;position:relative;}
        .sp-badge{display:inline-flex;align-items:center;gap:6px;font-family:'Space Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:var(--r-xs);margin-bottom:14px;}
        .sp-title{font-family:'Outfit',sans-serif;font-size:24px;font-weight:800;margin-bottom:10px;letter-spacing:-.02em;}
        .sp-def{font-size:13px;color:var(--t2);line-height:1.75;margin-bottom:6px;}
        .sp-close{position:absolute;right:18px;top:18px;width:30px;height:30px;border-radius:50%;background:var(--b1);border:1px solid var(--b2);color:var(--t2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:.15s;}
        .sp-close:hover{background:var(--b3);color:var(--t1);}
        .sp-sec{padding:18px 28px 0;}
        .sp-sec-lbl{font-family:'Space Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--t3);margin-bottom:10px;}
        .sp-tags{display:flex;flex-wrap:wrap;gap:7px;padding-bottom:18px;}
        .sp-tag{font-size:12px;padding:5px 12px;border-radius:var(--r-sm);background:var(--bg3);border:1px solid var(--b2);color:var(--t2);transition:border-color .12s;}
        .sp-tag:hover{border-color:var(--b3);}
        .sp-tag[contenteditable=true]{outline:2px solid var(--amber2);border-radius:var(--r-sm);}

        /* ── MODALS ── */
        .modal-bg,.pmodal-bg,.amodal-bg,.pwmodal-bg{
            position:fixed;inset:0;z-index:400;
            background:rgba(6,10,18,0.85);backdrop-filter:blur(10px);
            display:flex;align-items:center;justify-content:center;
            opacity:0;pointer-events:none;transition:opacity .2s;
        }
        .modal-bg.open,.pmodal-bg.open,.amodal-bg.open,.pwmodal-bg.open{opacity:1;pointer-events:all;}
        .modal,.pmodal,.amodal,.pwmodal{
            background:var(--bg2);border:1px solid var(--b3);
            border-radius:var(--r-xl);padding:32px;
            transform:scale(.94) translateY(10px);
            transition:transform .3s cubic-bezier(.34,1.56,.64,1);
            position:relative;
        }
        .modal-bg.open .modal,.pmodal-bg.open .pmodal,.amodal-bg.open .amodal,.pwmodal-bg.open .pwmodal{transform:scale(1) translateY(0);}
        .modal{width:400px;}
        .pmodal,.amodal{width:540px;max-width:95vw;max-height:90vh;overflow-y:auto;}
        .pwmodal{width:380px;max-width:95vw;}
        .modal h2,.pmodal h2,.amodal h2,.pwmodal h2{font-family:'Outfit',sans-serif;font-size:22px;font-weight:800;margin-bottom:8px;letter-spacing:-.02em;}
        .modal p{font-size:13px;color:var(--t2);margin-bottom:20px;line-height:1.5;}

        /* ── FORM ELEMENTS ── */
        .modal input,.form-input,.form-select,.form-textarea{
            width:100%;padding:10px 14px;
            background:var(--bg3);border:1px solid var(--b2);
            border-radius:var(--r-md);color:var(--t1);font-size:13px;
            outline:none;font-family:'Space Grotesk',sans-serif;
            transition:border-color .15s,box-shadow .15s;
        }
        .modal input{margin-bottom:12px;}
        .modal input:focus,.form-input:focus,.form-select:focus,.form-textarea:focus{
            border-color:var(--blue2);
            box-shadow:0 0 0 3px rgba(255,64,96,0.12);
        }
        .form-select option{background:var(--bg2);}
        .form-textarea{resize:vertical;min-height:70px;}
        .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;}
        .form-group{display:flex;flex-direction:column;gap:5px;}
        .form-label{font-family:'Space Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--t3);}
        .modal-btns,.pmodal-btns{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;}
        .modal-err,.login-err{font-size:12px;color:var(--red);margin-bottom:10px;background:var(--red1);border:1px solid var(--red2);border-radius:var(--r-sm);padding:7px 12px;display:none;}
        .pmodal-sec{font-family:'Space Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--t3);margin:18px 0 10px;padding-top:16px;border-top:1px solid var(--b2);}
        .status-row{display:flex;gap:8px;flex-wrap:wrap;}
        .status-pill{padding:6px 16px;border-radius:99px;border:1px solid var(--b2);font-size:12px;font-weight:500;cursor:pointer;transition:.15s;background:var(--bg3);color:var(--t2);}
        .sel-aktiv{background:var(--green1);border-color:rgba(53,224,122,0.3);color:var(--green);}
        .sel-ausb{background:var(--amber1);border-color:var(--amber2);color:var(--amber);}
        .sel-inaktiv{background:var(--b1);border-color:var(--b2);color:var(--t3);}

        /* ── BUTTONS ── */
        .btn{padding:9px 20px;border-radius:var(--r-md);border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--t-fast);font-family:'Space Grotesk',sans-serif;letter-spacing:.01em;}
        .btn-pri{background:linear-gradient(135deg,#c0152e,#ff4060);color:#fff;box-shadow:0 0 20px rgba(91,143,255,0.35);}
        .btn-pri:hover{box-shadow:0 0 30px rgba(255,64,96,0.55);transform:translateY(-1px);}
        .btn-sec{background:var(--bg3);border:1px solid var(--b2);color:var(--t2);}
        .btn-sec:hover{color:var(--t1);border-color:var(--b3);}
        .btn-danger{background:var(--red1);border:1px solid var(--red2);color:var(--red);}
        .btn-danger:hover{background:var(--red);color:#fff;box-shadow:0 0 16px rgba(255,92,122,0.4);}

        /* ── TOAST NOTIFICATIONS ── */
        .toast-wrap{position:fixed;bottom:80px;right:20px;z-index:9000;display:flex;flex-direction:column;gap:8px;}
        .toast{
            background:var(--bg3);border:1px solid var(--b3);
            border-radius:var(--r-md);padding:12px 18px;
            font-size:13px;color:var(--t1);font-weight:500;
            box-shadow:var(--shadow-md);
            animation:toastIn .3s var(--t-slow);
            display:flex;align-items:center;gap:9px;
        }
        .toast.success{border-color:var(--teal2);background:var(--teal1);}
        .toast.error{border-color:var(--red2);background:var(--red1);}
        @keyframes toastIn{from{opacity:0;transform:translateX(20px);}to{opacity:1;transform:translateX(0);}}

        /* ═══ LEITSTELLE ═══════════════════════════════════════════════════════ */
        .ls-layout{display:grid;grid-template-columns:1fr 380px;grid-template-rows:auto 1fr;gap:16px;height:calc(100vh - var(--hdr-h) - 80px);}
        .ls-header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
        .ls-main{display:flex;flex-direction:column;gap:16px;overflow-y:auto;min-height:0;}
        .ls-side{display:flex;flex-direction:column;gap:16px;overflow-y:auto;min-height:0;}

        /* Live clock */
        .ls-clock{
            font-family:'Space Mono',monospace;font-size:28px;font-weight:700;
            color:var(--teal);letter-spacing:.1em;
            text-shadow:0 0 20px rgba(46,232,200,0.4);
            display:flex;align-items:center;gap:8px;
        }
        .ls-clock-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal);animation:pulse 1s infinite;}
        .ls-status-bar{display:flex;gap:10px;flex-wrap:wrap;}
        .ls-stat-pill{
            display:flex;align-items:center;gap:7px;
            padding:6px 14px;border-radius:99px;
            font-size:12px;font-weight:600;
            border:1px solid;
        }

        /* Einsatz Cards */
        .einsatz-list{display:flex;flex-direction:column;gap:10px;}
        .einsatz-card{
            background:var(--bg2);border:1px solid var(--b2);
            border-radius:var(--r-lg);padding:16px 18px;
            position:relative;overflow:hidden;
            transition:all .2s;cursor:pointer;
        }
        .einsatz-card::before{
            content:'';position:absolute;left:0;top:0;bottom:0;width:4px;
        }
        .einsatz-card.prio-1::before{background:var(--red);box-shadow:0 0 8px var(--red);}
        .einsatz-card.prio-2::before{background:var(--amber);box-shadow:0 0 8px var(--amber);}
        .einsatz-card.prio-3::before{background:var(--teal);}
        .einsatz-card:hover{border-color:var(--b4);transform:translateY(-2px);box-shadow:var(--shadow-md);}
        .einsatz-card.aktiv{border-color:var(--amber2);}
        .einsatz-card.offen{border-color:var(--red2);animation:pulseCard 2s infinite;}
        @keyframes pulseCard{0%,100%{border-color:var(--red2);}50%{border-color:var(--red3);}}
        .ei-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
        .ei-prio{
            width:28px;height:28px;border-radius:50%;
            display:flex;align-items:center;justify-content:center;
            font-family:'Space Mono',monospace;font-size:11px;font-weight:700;
            flex-shrink:0;
        }
        .ei-prio-1{background:var(--red1);color:var(--red);border:2px solid var(--red);box-shadow:0 0 8px var(--red1);}
        .ei-prio-2{background:var(--amber1);color:var(--amber);border:2px solid var(--amber);}
        .ei-prio-3{background:var(--teal1);color:var(--teal);border:2px solid var(--teal2);}
        .ei-art{font-family:'Space Mono',monospace;font-size:9px;font-weight:700;padding:2px 8px;border-radius:var(--r-xs);letter-spacing:.06em;}
        .ei-art-Brand  {background:var(--red1);color:var(--red);border:1px solid var(--red2);}
        .ei-art-Unfall {background:var(--amber1);color:var(--amber);border:1px solid var(--amber2);}
        .ei-art-Medizin{background:var(--teal1);color:var(--teal);border:1px solid var(--teal2);}
        .ei-art-Sonstiges{background:var(--purple1);color:var(--purple);border:1px solid var(--purple2);}
        .ei-zeit{font-family:'Space Mono',monospace;font-size:11px;color:var(--t3);margin-left:auto;}
        .ei-status-badge{font-family:'Space Mono',monospace;font-size:9px;padding:2px 8px;border-radius:var(--r-xs);font-weight:700;}
        .ei-sb-aktiv{background:var(--amber1);color:var(--amber);border:1px solid var(--amber2);}
        .ei-sb-offen{background:var(--red1);color:var(--red);border:1px solid var(--red2);}
        .ei-sb-abgeschlossen{background:var(--b1);color:var(--t3);border:1px solid var(--b2);}
        .ei-meldung{font-size:13px;font-weight:600;color:var(--t1);margin-bottom:4px;}
        .ei-ort{font-size:11px;color:var(--t2);display:flex;align-items:center;gap:5px;margin-bottom:8px;}
        .ei-units{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px;}
        .ei-unit-chip{
            font-size:10px;font-family:'Space Mono',monospace;
            padding:2px 9px;border-radius:4px;font-weight:600;
        }
        .ei-unit-chip-safr{background:var(--red1);color:var(--red);border:1px solid var(--red2);}
        .ei-unit-chip-sams{background:var(--blue1);color:var(--blue);border:1px solid var(--blue2);}
        .ei-unit-chip-empty{background:var(--b1);color:var(--t3);border:1px dashed var(--b3);}
        .ei-actions{display:flex;gap:6px;flex-wrap:wrap;}
        .ei-btn{
            padding:4px 12px;border-radius:var(--r-sm);font-size:11px;font-weight:600;
            border:1px solid var(--b2);background:var(--bg3);color:var(--t2);
            cursor:pointer;transition:.15s;font-family:'Space Grotesk',sans-serif;
        }
        .ei-btn:hover{color:var(--t1);border-color:var(--b4);}
        .ei-btn.primary{background:var(--blue1);border-color:var(--blue2);color:var(--blue);}
        .ei-btn.primary:hover{background:var(--blue);color:#fff;}
        .ei-btn.danger{background:var(--red1);border-color:var(--red2);color:var(--red);}
        .ei-btn.danger:hover{background:var(--red);color:#fff;}
        .ei-btn.success{background:var(--teal1);border-color:var(--teal2);color:var(--teal);}
        .ei-btn.success:hover{background:var(--teal);color:var(--bg0);}

        /* Einheiten Board */
        .einheit-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
        .einheit-card{
            background:var(--bg3);border:1px solid var(--b2);
            border-radius:var(--r-md);padding:12px;
            transition:all .15s;cursor:pointer;position:relative;overflow:hidden;
        }
        .einheit-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;}
        .einheit-card.verfuegbar::before{background:var(--green);box-shadow:0 0 8px var(--green);}
        .einheit-card.im_einsatz::before{background:var(--amber);box-shadow:0 0 8px var(--amber);}
        .einheit-card.ausser_dienst::before{background:var(--t3);}
        .einheit-card:hover{border-color:var(--b4);background:var(--bg4);}
        .eu-name{font-family:'Outfit',sans-serif;font-size:13px;font-weight:700;margin-bottom:3px;}
        .eu-status{font-family:'Space Mono',monospace;font-size:9px;font-weight:700;padding:1px 7px;border-radius:var(--r-xs);}
        .eu-s-v{background:var(--green1);color:var(--green);border:1px solid rgba(53,224,122,0.25);}
        .eu-s-e{background:var(--amber1);color:var(--amber);border:1px solid var(--amber2);}
        .eu-s-a{background:var(--b1);color:var(--t3);border:1px solid var(--b2);}
        .eu-besatzung{font-size:10px;color:var(--t3);margin-top:5px;font-family:'Space Mono',monospace;}
        .eu-typ-icon{font-size:16px;margin-right:4px;}

        /* Personal Online List */
        .dienst-list{display:flex;flex-direction:column;gap:6px;}
        .dienst-item{
            display:flex;align-items:center;gap:10px;
            padding:9px 12px;background:var(--bg3);border:1px solid var(--b2);
            border-radius:var(--r-md);transition:all .15s;
        }
        .dienst-item:hover{border-color:var(--b3);background:var(--bg4);}
        .dienst-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
        .dienst-name{font-size:12px;font-weight:600;flex:1;}
        .dienst-rang{font-family:'Space Mono',monospace;font-size:9px;color:var(--t3);}
        .dienst-unit{font-family:'Space Mono',monospace;font-size:9px;padding:1px 6px;border-radius:3px;}

        /* Neuer Einsatz Form */
        .nei-form{background:var(--bg2);border:1px solid var(--b2);border-radius:var(--r-lg);padding:18px;}
        .nei-title{font-family:'Outfit',sans-serif;font-size:14px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:8px;}
        .ls-section-title{font-family:'Space Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--t3);margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;}

        /* Einsatz Modal */
        .ei-modal-bg{position:fixed;inset:0;z-index:500;background:rgba(6,10,18,0.85);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s;}
        .ei-modal-bg.open{opacity:1;pointer-events:all;}
        .ei-modal{background:var(--bg2);border:1px solid var(--b3);border-radius:var(--r-xl);padding:30px;width:600px;max-width:95vw;max-height:90vh;overflow-y:auto;transform:scale(.95) translateY(8px);transition:transform .28s cubic-bezier(.34,1.56,.64,1);position:relative;}
        .ei-modal-bg.open .ei-modal{transform:scale(1) translateY(0);}
        .ei-modal h2{font-family:'Outfit',sans-serif;font-size:20px;font-weight:800;margin-bottom:18px;}

        /* Unit assign chips */
        .unit-assign-grid{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px;}
        .unit-assign-chip{
            padding:5px 12px;border-radius:var(--r-sm);
            font-family:'Space Mono',monospace;font-size:10px;font-weight:700;
            cursor:pointer;border:1px solid var(--b2);
            background:var(--bg3);color:var(--t2);
            transition:.15s;
        }
        .unit-assign-chip:hover{border-color:var(--b4);color:var(--t1);}
        .unit-assign-chip.assigned{background:var(--blue1);border-color:var(--blue2);color:var(--blue);}
        .unit-assign-chip.disabled{opacity:.35;cursor:not-allowed;}

        /* ── ADMIN BAR ── */
        .admin-bar{
            position:fixed;bottom:20px;right:20px;z-index:150;
            background:rgba(255,181,71,0.12);border:1px solid var(--amber2);
            border-radius:var(--r-lg);padding:10px 18px;
            display:none;align-items:center;gap:10px;
            font-size:12px;font-weight:500;color:var(--amber);
            box-shadow:0 0 24px rgba(255,181,71,0.15);
            backdrop-filter:blur(12px);
        }
        .admin-bar.show{display:flex;}
        .admin-bar-dot{width:7px;height:7px;border-radius:50%;background:var(--amber);animation:pulse 1.5s infinite;box-shadow:0 0 8px var(--amber);}
        @keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.4;transform:scale(.85);}}
        [contenteditable]{outline:none;}
        body.admin-mode [contenteditable]:focus{background:var(--amber1);border-radius:4px;outline:2px solid var(--amber2);padding:1px 4px;}

        /* ── LOGIN SCREEN ── */
        .login-screen{
            position:fixed;inset:0;z-index:9999;
            background:var(--bg0);
            display:flex;align-items:center;justify-content:center;
            overflow:hidden;
        }
        .login-screen.hidden{display:none;}
        /* Animated grid */
        .login-screen::before{
            content:'';position:absolute;inset:-50%;
            background-image:
                    linear-gradient(var(--blue1) 1px,transparent 1px),
                    linear-gradient(90deg,var(--blue1) 1px,transparent 1px);
            background-size:60px 60px;
            animation:gridMove 20s linear infinite;
            transform:perspective(500px) rotateX(30deg);
            transform-origin:center bottom;
        }
        @keyframes gridMove{from{background-position:0 0;}to{background-position:0 -60px;}}
        /* Glow orbs */
        .login-screen::after{
            content:'';position:absolute;inset:0;
            background:
                    radial-gradient(ellipse 60% 40% at 20% 50%,rgba(255,64,96,0.08) 0%,transparent 60%),
                    radial-gradient(ellipse 60% 40% at 80% 50%,rgba(255,92,122,0.06) 0%,transparent 60%);
            pointer-events:none;
        }
        .login-box{
            background:rgba(15,24,41,0.9);
            border:1px solid var(--b3);
            border-radius:var(--r-2xl);
            padding:48px 44px;
            width:420px;max-width:95vw;
            position:relative;z-index:1;
            box-shadow:var(--shadow-lg),0 0 80px rgba(91,143,255,0.1);
            backdrop-filter:blur(20px);
            animation:loginIn .5s cubic-bezier(.34,1.56,.64,1);
        }
        body.light .login-box{background:rgba(244,247,253,0.95);}
        @keyframes loginIn{from{opacity:0;transform:scale(.9) translateY(30px);}to{opacity:1;transform:scale(1) translateY(0);}}
        .login-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:28px;}
        .login-title{font-family:'Outfit',sans-serif;font-size:30px;font-weight:900;letter-spacing:-.03em;text-align:center;margin-bottom:6px;}
        .login-sub{font-size:13px;color:var(--t2);text-align:center;margin-bottom:32px;line-height:1.5;}
        .login-label{font-family:'Space Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--t3);margin-bottom:7px;display:block;}
        .login-input{
            width:100%;padding:12px 16px;
            background:var(--bg3);border:1px solid var(--b2);
            border-radius:var(--r-lg);color:var(--t1);font-size:14px;
            margin-bottom:16px;outline:none;
            font-family:'Space Grotesk',sans-serif;
            transition:border-color .15s,box-shadow .15s;
        }
        .login-input:focus{border-color:var(--blue2);box-shadow:0 0 0 3px rgba(255,64,96,0.15);}
        .login-btn{
            width:100%;padding:13px;
            background:linear-gradient(135deg,#c0152e,#ff4060);
            color:#fff;border:none;border-radius:var(--r-lg);
            font-size:15px;font-weight:700;cursor:pointer;
            letter-spacing:.02em;font-family:'Outfit',sans-serif;
            transition:all var(--t-fast);
            box-shadow:0 0 30px rgba(255,64,96,0.35);
        }
        .login-btn:hover{box-shadow:0 0 50px rgba(255,64,96,0.55);transform:translateY(-2px);}
        .login-theme{position:absolute;bottom:28px;right:28px;}
        .login-divider{display:flex;align-items:center;gap:12px;margin:18px 0 0;color:var(--t3);font-size:12px;}
        .login-divider::before,.login-divider::after{content:'';flex:1;height:1px;background:var(--b2);}
        .login-bew-btn{display:block;text-align:center;margin-top:14px;font-size:13px;color:var(--t2);cursor:pointer;padding:11px;border-radius:var(--r-lg);border:1px solid var(--b2);background:var(--bg3);transition:all .15s;font-weight:500;}
        .login-bew-btn:hover{border-color:var(--teal2);color:var(--teal);background:var(--teal1);}

        /* ── PUBLIC BEWERBUNG ── */
        .pub-bew-overlay{position:fixed;inset:0;z-index:9998;background:var(--bg0);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s;overflow-y:auto;}
        .pub-bew-overlay.open{opacity:1;pointer-events:all;}
        .pub-bew-overlay.open .pub-bew-box{transform:scale(1) translateY(0);}
        .pub-bew-box{
            background:var(--bg2);border:1px solid var(--b3);
            border-radius:var(--r-2xl);padding:44px;
            width:660px;max-width:100%;
            transform:scale(.95) translateY(20px);
            transition:transform .35s cubic-bezier(.34,1.56,.64,1);
            position:relative;box-shadow:var(--shadow-lg);
        }
        .pub-bew-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:22px;}
        .pub-bew-title{font-family:'Outfit',sans-serif;font-size:30px;font-weight:900;letter-spacing:-.03em;text-align:center;margin-bottom:6px;}
        .pub-bew-sub{font-size:13px;color:var(--t2);text-align:center;line-height:1.6;margin-bottom:28px;}
        .pub-bew-back{position:absolute;top:18px;left:18px;background:var(--b1);border:1px solid var(--b2);border-radius:var(--r-sm);padding:6px 14px;font-size:12px;font-weight:500;color:var(--t2);cursor:pointer;transition:.15s;display:flex;align-items:center;gap:6px;}
        .pub-bew-back:hover{background:var(--b2);color:var(--t1);}
        .pub-bew-progress{display:flex;gap:0;margin-bottom:28px;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--b2);}
        .pub-bew-step{flex:1;padding:10px;text-align:center;font-family:'Space Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.06em;color:var(--t3);background:var(--bg3);transition:.2s;position:relative;}
        .pub-bew-step.active{background:var(--blue1);color:var(--blue);}
        .pub-bew-step.done{background:var(--teal1);color:var(--teal);}
        .pub-bew-step+.pub-bew-step{border-left:1px solid var(--b2);}
        .pub-bew-step-num{width:18px;height:18px;border-radius:50%;background:currentColor;opacity:.2;display:inline-flex;align-items:center;justify-content:center;font-size:10px;margin-right:5px;}
        .pub-bew-step.active .pub-bew-step-num,.pub-bew-step.done .pub-bew-step-num{opacity:1;color:var(--bg0);}
        .pub-bew-section{display:none;}
        .pub-bew-section.active{display:block;}
        .pub-bew-nav{display:flex;gap:10px;justify-content:space-between;margin-top:24px;padding-top:20px;border-top:1px solid var(--b2);}
        .pub-bew-success{text-align:center;padding:20px 0;}
        .pub-bew-success .suc-icon{font-size:60px;margin-bottom:16px;display:block;animation:successPop .5s cubic-bezier(.34,1.56,.64,1);}
        @keyframes successPop{from{transform:scale(0)rotate(-20deg);}to{transform:scale(1)rotate(0);}}
        .pub-bew-success h3{font-family:'Outfit',sans-serif;font-size:28px;font-weight:900;color:var(--teal);margin-bottom:8px;letter-spacing:-.02em;}
        .pub-bew-success p{font-size:14px;color:var(--t2);line-height:1.6;max-width:400px;margin:0 auto;}
        .pub-bew-success .ref-code{display:inline-block;margin-top:16px;background:var(--bg3);border:1px solid var(--teal2);border-radius:var(--r-md);padding:10px 24px;font-family:'Space Mono',monospace;font-size:15px;color:var(--teal);letter-spacing:.15em;box-shadow:0 0 20px rgba(46,232,200,0.2);}

        /* ── PW CHANGE ── */
        .pwmodal-bg{z-index:600;}