:root{--brand-primary: #111111;--brand-primary-contrast: #ffffff;--brand-primary-soft: #e9e9e9;--brand-border: #e0e0e0;--app-bg-start: #f5f5f5;--app-bg-end: #dcdcdc}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,var(--app-bg-start),var(--app-bg-end))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:8px;border:none;text-decoration:none;font-weight:500;font-size:14px;cursor:pointer;transition:all .15s ease}.btn:hover{opacity:.95;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--brand-primary);color:var(--brand-primary-contrast)}.btn-outline{background:transparent;color:var(--brand-primary);border:1px solid var(--brand-border)}.btn-soft{background:var(--brand-primary-soft);color:var(--brand-primary)}.btn-danger{background:#dc3545;color:#fff}.btn-success{background:#28a745;color:#fff}.btn-info{background:#17a2b8;color:#fff}.responsive-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media(max-width:768px){.responsive-grid{grid-template-columns:1fr}}.responsive-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}@media(max-width:768px){.responsive-table{font-size:14px}.responsive-table th,.responsive-table td{padding:8px 4px}}.responsive-form{display:grid;gap:16px;max-width:100%}@media(max-width:768px){.responsive-form{gap:12px}}.responsive-buttons{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:768px){.responsive-buttons{flex-direction:column}.responsive-buttons button{width:100%;padding:12px 16px}}button{padding:12px 20px;font-size:14px;border-radius:6px;cursor:pointer;border:none;font-weight:500;transition:all .2s ease}button:hover{opacity:.9;transform:translateY(-1px)}button:active{transform:translateY(0)}@media(max-width:768px){.mobile-nav{flex-direction:column;gap:8px}.mobile-nav a,.mobile-nav button{padding:12px 16px;text-align:center}}.responsive-card{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 4px #0000001a}@media(max-width:768px){.responsive-card{padding:16px;margin:8px}}@media(max-width:768px){.responsive-text{font-size:14px;line-height:1.4}.responsive-text h1{font-size:24px}.responsive-text h2{font-size:20px}.responsive-text h3{font-size:18px}}@media(max-width:768px){.responsive-input{width:100%;padding:12px;font-size:16px}}@media(max-width:768px){.responsive-modal{margin:16px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px)}}@media(min-width:769px){.responsive-sidebar{transform:translate(0)!important}.show-mobile{display:none!important}}@media(max-width:768px){.responsive-sidebar{width:100%;position:fixed;height:100vh;transform:translate(-100%)}.responsive-main{padding:16px;margin-left:0}}@media(max-width:768px){.hide-mobile{display:none}}@media(min-width:769px){.show-mobile{display:none}}@media(max-width:768px){.mobile-spacing{margin:8px 0;padding:8px 0}}