:root{--primary-blue:#3f8cff;--text-main:#0f172a;--text-gray:#64748b}.error-container{text-align:center;max-width:500px;padding:40px}.error-code{background:linear-gradient(135deg, var(--primary-blue), #7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:151px;font-weight:900;line-height:1}.error-title{color:var(--text-main);margin:20px 0 10px;font-size:32px;font-weight:800}.error-message{color:var(--text-gray);margin-bottom:30px;font-size:18px;line-height:1.6}.go-home-btn{background:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:14px 32px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block;box-shadow:0 10px 20px #3f8cff33}.go-home-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px #3f8cff4d}.snackbar-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.snackbar{color:#fff;pointer-events:auto;background:#323232;border-radius:8px;justify-content:space-between;align-items:center;min-width:300px;max-width:500px;padding:12px 16px;font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:500;animation:.4s cubic-bezier(.4,0,.2,1) forwards snackbar-in;display:flex;box-shadow:0 4px 12px #00000026}.snackbar.success{background:#2e7d32}.snackbar.error{background:#d32f2f}.snackbar.info{background:#0288d1}.snackbar.warning{background:#ed6c02}.snackbar-content{align-items:center;gap:12px;display:flex}.snackbar-icon{justify-content:center;align-items:center;display:flex}.snackbar-close{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;margin-left:12px;padding:4px;transition:background .2s;display:flex}.snackbar-close:hover{color:#fff;background:#ffffff1a}@keyframes snackbar-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes snackbar-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}.snackbar.hiding{animation:.4s cubic-bezier(.4,0,.2,1) forwards snackbar-out}.ss-container{color:#1a1d2e;max-width:1200px;margin:0 auto;padding:20px 40px}.ss-header h1{margin:0 0 5px;font-size:24px;font-weight:800}.ss-header p{color:#8892a4;margin:0 0 20px;font-size:14px}.ss-tabs{border-bottom:2px solid #e2e8f0;gap:10px;margin-bottom:20px;display:flex}.ss-tab{color:#8892a4;cursor:pointer;background:0 0;border:none;padding:10px 20px;font-size:15px;font-weight:600;transition:all .2s;position:relative}.ss-tab.active{color:#5b6ef5}.ss-tab.active:after{content:"";background:#5b6ef5;height:2px;position:absolute;bottom:-2px;left:0;right:0}.ss-tab-content{align-items:flex-start;gap:20px;display:none}.ss-tab-content.active{display:flex}.ss-card{background:#fff;border-radius:12px;flex:1;padding:20px;box-shadow:0 4px 15px #00000008}.ss-card-header h3{color:#1a1d2e;margin:0 0 15px;font-size:16px}.ss-form{flex-direction:column;gap:12px;display:flex}.ss-form input,.ss-form select{border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .2s}.ss-form input:focus,.ss-form select:focus{border-color:#5b6ef5;box-shadow:0 0 0 3px #5b6ef51a}.ss-btn{cursor:pointer;border:none;border-radius:8px;padding:12px;font-size:14px;font-weight:700;transition:all .2s}.ss-btn.primary{color:#fff;background:#5b6ef5}.ss-btn.primary:hover{background:#4a5bd0}.ss-btn.danger{color:#ef4444;background:#fee2e2;padding:6px 12px}.ss-btn.danger:hover{color:#b91c1c;background:#fca5a5}.ss-list{flex-direction:column;gap:10px;max-height:500px;display:flex;overflow-y:auto}.ss-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.ss-item-info{flex-direction:column;gap:4px;font-size:14px;display:flex}.ss-item-actions{align-items:center;gap:15px;display:flex}.ss-sub-actions{gap:6px;display:flex}.ss-badge{color:#475569;background:#e2e8f0;border-radius:20px;padding:2px 8px;font-size:12px;font-weight:600}.ss-empty{color:#94a3b8;font-size:12px}.ss-method{border-radius:4px;width:max-content;padding:2px 6px;font-size:12px;font-weight:800;display:inline-block}.ss-method.get{color:#1d4ed8;background:#dbeafe}.ss-method.post{color:#15803d;background:#dcfce7}.ss-method.put{color:#b45309;background:#fef3c7}.ss-method.delete{color:#b91c1c;background:#fee2e2}.ss-desc{color:#64748b;font-size:12px}.ss-mod-name{color:#10b981;font-size:12px;font-weight:600}