*{margin:0;padding:0;box-sizing:border-box}body{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-color:#f5f5f5;color:#333}.container{max-width:1600px;margin:0 auto;padding:20px;width:100%}.layout-grid{display:flex;gap:20px;width:100%;align-items:flex-start;flex-wrap:wrap}.main-content{flex:1 1 500px;min-width:0;width:100%;order:2}.sidebar{flex:0 0 320px;width:320px;min-width:280px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto}.sidebar-left{order:1}.sidebar-right{order:3;flex:0 0 380px;width:380px;min-width:340px}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 20px;margin-bottom:15px;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header h1{font-size:1rem;margin-bottom:1px}.header p{font-size:.75rem;opacity:.9}.header strong{font-weight:600}.dashboard-row{margin-bottom:20px}.dashboard,.dashboard-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}.dashboard{margin-bottom:30px}@media (max-width:1100px){.container{padding:16px}.layout-grid{gap:16px}.sidebar{flex-basis:280px;width:280px}.sidebar-right{flex-basis:340px;width:340px;min-width:300px}.dashboard,.dashboard-row{grid-template-columns:minmax(0,1fr)}}@media (max-width:1024px){.layout-grid{flex-direction:column}.main-content,.sidebar{flex:1 1 100%;width:100%;min-width:0}.sidebar{position:static;top:auto;max-height:none;overflow:visible}.sidebar-container{height:auto}.sidebar-right{order:1}.main-content{order:2}.sidebar-left{order:3}}@media (max-width:768px){.container{padding:12px}.layout-grid{gap:12px}.header{padding:12px}.header h1{font-size:.95rem}.header p{font-size:.75rem}.header>div>div{flex-direction:column;gap:8px;align-items:flex-start!important}.header>div>div>div:last-child{text-align:left;font-size:.75rem;width:100%}.sidebar-container{padding:12px}.sidebar-container h2{font-size:.95rem}.table-container{padding:15px;overflow-x:auto}.btn{padding:8px 16px;font-size:.95rem}.form-group input,.form-group select{padding:8px;font-size:.95rem}}@media (max-width:480px){.card,.sidebar-container,.table-container{padding:12px}.card h2{font-size:1rem}.card-content{font-size:1.2rem}td,th{padding:8px;font-size:.9rem}.sidebar-table td,.sidebar-table th{font-size:.75rem}}.card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.card h2{font-size:1.2rem;margin-bottom:15px;color:#667eea;border-bottom:2px solid #667eea;padding-bottom:10px}.card-content{font-size:1.5rem;font-weight:700;color:#333}.card-label{font-size:.9rem;color:#666;margin-top:5px}.table-container{padding:20px;overflow-x:auto}.sidebar-container,.table-container{background:#fff;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.sidebar-container{padding:15px;height:100%;display:flex;flex-direction:column}.sidebar-container h2{font-size:1rem;margin-bottom:15px;color:#667eea;border-bottom:2px solid #667eea;padding-bottom:10px;position:-webkit-sticky;position:sticky;top:0;background:#fff;z-index:1}.sidebar-table{width:100%;border-collapse:collapse;font-size:.85rem}.sidebar-table td,.sidebar-table th{padding:8px 6px;text-align:left;border-bottom:1px solid #eee;font-size:.8rem}.sidebar-table th{background-color:#f8f9fa;font-weight:600;color:#667eea;position:-webkit-sticky;position:sticky;top:45px;background:#f8f9fa;z-index:1}.sidebar-table tr:hover{background-color:#f8f9fa}.sidebar-btn{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .3s}table{width:100%;border-collapse:collapse}td,th{padding:12px;text-align:left;border-bottom:1px solid #eee}th{font-weight:600;color:#667eea}th,tr:hover{background-color:#f8f9fa}.btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:all .3s;margin-right:10px}.btn-primary{background-color:#667eea;color:#fff}.btn-primary:hover{background-color:#5568d3}.btn-danger{background-color:#e74c3c;color:#fff}.btn-danger:hover{background-color:#c0392b}.btn:disabled{opacity:.5;cursor:not-allowed}.loading{text-align:center;padding:40px;color:#666}.error{background-color:#fee;color:#c33}.error,.success{padding:15px;border-radius:5px;margin-bottom:20px}.success{background-color:#efe;color:#3c3}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:#333}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.positive{color:#27ae60}.negative{color:#e74c3c}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}