*,*:before,*:after{box-sizing:border-box}:root{--brand: #6348F5;--brand-hover: #5038d4;--red: #e76f51;--red-hover: #c75e42;--orange: #f4a261;--orange-hover: #e07c3a;--yellow: #f3c040;--yellow-hover: #e9c46a;--green: #2a9d8f;--green-hover: #1a7d70;--blue: #264653;--blue-hover: #1f3b47}body{margin:0;padding-top:24px;min-height:100vh;font-family:JetBrains Mono,Fira Code,Source Code Pro,monospace;font-size:16px;background:#f5f5f5;color:#000}p,li,span,textarea,input,label,select,option,dd,dt,th,td{font-family:inherit;font-size:16px;margin:0}h1,h2,h3,h4{font-family:inherit}a{color:var(--blue)}.app-main{width:100%;max-width:100%;min-height:calc(100vh - 24px)}.header{display:flex;align-items:center;justify-content:space-between;margin:0 24px 24px;padding:12px 20px;border:5px solid black;border-radius:20px;background:var(--brand);color:#fff}.header h1{margin:0;font-size:1.5rem}.header-actions{font-size:.85rem}.user-bar{display:flex;align-items:center;gap:10px;font-size:.85rem}.card{padding:20px;border:5px solid black;border-radius:20px;background:#fff;margin-bottom:16px}.card h2{margin:0 0 12px;font-size:1.125rem}.card-error{border-color:var(--red);color:var(--red)}.dashboard-layout{display:flex;gap:24px;align-items:flex-start;width:100%;padding-right:24px;box-sizing:border-box}.sidebar{display:flex;flex-direction:column;gap:8px;flex-shrink:0;width:200px;padding-left:24px}.sidebar-tab{display:flex;align-items:center;padding:10px 16px;border:3px solid black;border-radius:16px;font-family:inherit;font-size:.875rem;font-weight:700;cursor:pointer;background:#fff;transition:background-color .15s;box-shadow:#000 4px 4px;color:#000}.sidebar-tab:hover{background:#eee}.sidebar-tab.active{background:var(--blue);color:#fff}.sidebar-tab.active:hover{background:var(--blue-hover);color:#fff}.main-content{flex:1;min-width:0;max-width:none}.page-region{width:100%;max-width:1200px;padding:0 24px 48px;box-sizing:border-box}.nav-back{margin:0 0 20px}.btn-block{width:100%;justify-content:flex-start;text-align:left}.auth-section{max-width:480px;margin:60px auto 0}.auth-section .card{text-align:center}.auth-section p{color:#555;line-height:1.6}.btn-group{display:flex;gap:12px;justify-content:center;margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:3px solid black;border-radius:25px;font-family:inherit;font-size:.875rem;font-weight:700;cursor:pointer;transition:background-color .2s;box-shadow:#000 4px 4px;background:#fff;color:#000}.btn:hover{background-color:#ddd}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green-hover)}.btn-outline{background:transparent;color:#000}.btn-outline:hover{background:#eee;color:#000}.btn-delete{background:var(--red);color:#000}.btn-delete:hover{background:var(--red-hover)}.btn-blue{background:var(--blue);color:#fff}.btn-blue:hover{background:var(--blue-hover)}.btn-green{background:var(--green);color:#fff}.btn-green:hover{background:var(--green-hover)}.profile-grid{display:grid;grid-template-columns:140px 1fr;gap:8px 16px;margin:0}.profile-grid dt{font-weight:700;color:#555}.profile-grid dd{margin:0}.badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;border:2px solid black;border-radius:25px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-free{background:#edf2f7;color:#4a5568}.badge-paid{background:var(--green);color:#fff}.badge-blue{background:var(--blue);color:#fff}.badge-green{background:var(--green);color:#fff}.badge-yellow{background:var(--yellow);color:#000}.badge-red{background:var(--red);color:#fff}.capability-list{list-style:none;padding:0;margin:0}.capability-list li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:2px solid #eee}.capability-list li:last-child{border-bottom:none}.cap-name{color:#555;font-size:.875rem}.cap-value{font-weight:700;font-size:.875rem}.input{flex:1;padding:8px 12px;border:3px solid black;border-radius:12px;font-family:inherit;font-size:.875rem;outline:none;transition:border-color .15s;background:#fff}.input:focus{border-color:var(--green)}select.input{cursor:pointer}.clickable-text{text-decoration:underline dashed;text-decoration-thickness:3px;cursor:pointer}.popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.popup-card{padding:20px;border:5px solid black;border-radius:20px;background:#fff;min-width:340px;max-width:500px;position:relative}.popup-card h2{margin:0 0 16px;font-size:1.125rem}.popup-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;border:3px solid black;background:var(--red);color:#000;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;box-shadow:#000 4px 4px}.popup-close:hover{background:var(--red-hover)}.drop-zone{display:flex;align-items:center;justify-content:center;padding:10px 20px;border:3px dashed black;border-radius:25px;background:#fff;color:#000;font-family:inherit;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s;white-space:nowrap}.drop-zone--active{background:#e8f4f4;border-color:#555}