@media (max-width:768px){.sidebar{width:80px!important}main{margin-left:80px!important}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)}.sidebar::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}*{transition-property:background,border,color;transition-duration:.2s;transition-timing-function:ease}.card{box-shadow:0 1px 3px rgba(0,0,0,.1);transition:box-shadow .2s}.card:hover{box-shadow:0 4px 6px rgba(0,0,0,.1)}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.sidebar nav a{animation:slideIn .3s ease}@media print{.sidebar{display:none!important}main{margin-left:0!important}}.sidebar a:focus,.sidebar button:focus{outline:2px solid #3b82f6;outline-offset:2px}.loading{display:flex;justify-content:center;align-items:center;min-height:400px}.loading:after{content:"";width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;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}body{color:#333;background:#f5f5f5}a{color:inherit;text-decoration:none}header{background:#fff;border-bottom:1px solid #e0e0e0;padding:1rem 2rem;box-shadow:0 2px 4px rgba(0,0,0,.05)}header nav{max-width:1400px;margin:0 auto;display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}header nav a{padding:.5rem 1rem;border-radius:4px;transition:background .2s;white-space:nowrap}header nav a:hover{background:#f0f0f0}header nav a.active{background:#0070f3;color:#fff}.user-info{margin-left:auto;display:flex;align-items:center;gap:1rem}.user-name{font-weight:500;color:#666}main{max-width:1400px;margin:2rem auto;padding:0 2rem;min-height:calc(100vh - 200px)}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-box{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.2);width:100%;max-width:400px}.login-box h1{margin-bottom:2rem;text-align:center;color:#333}.card{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.card h2{margin-bottom:1rem;color:#111}.card h3{margin-bottom:.75rem;color:#333}.card p{line-height:1.6;color:#666}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.disposition-grid,.grid{display:grid;margin-top:2rem}.disposition-grid{grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.disposition-section{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1);max-height:600px;overflow-y:auto}.disposition-item{padding:1rem;margin-bottom:.5rem;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;transition:all .2s}.disposition-item:hover{border-color:#0070f3;background:#f0f7ff}.disposition-item.selected{border-color:#0070f3;background:#e3f2fd;border-width:2px}.loading{text-align:center;padding:3rem;color:#666}.error{background:#fee;border:1px solid #fcc;border-radius:4px;color:#c33}.error,.success{padding:1rem;margin:1rem 0}.success{background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724}.button,button{background:#0070f3;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background .2s;display:inline-block}.button:hover,button:hover{background:#0051cc}button:disabled{background:#ccc;cursor:not-allowed}.button-secondary{background:#6c757d}.button-secondary:hover{background:#5a6268}.button-success{background:#28a745}.button-success:hover{background:#218838}.button-danger{background:#dc3545}.button-danger:hover{background:#c82333}.button-small{padding:.5rem 1rem;font-size:.875rem}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}td,th{padding:1rem;text-align:left;border-bottom:1px solid #e0e0e0}th{background:#f9f9f9;font-weight:600;color:#333}tr:last-child td{border-bottom:none}tbody tr:hover{background:#f9f9f9}form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;gap:1rem}label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}input,select,textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:#0070f3;box-shadow:0 0 0 3px rgba(0,112,243,.1)}textarea{min-height:100px;resize:vertical}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500}.badge-success{background:#d4edda;color:#155724}.badge-warning{background:#fff3cd;color:#856404}.badge-danger{background:#f8d7da;color:#721c24}.badge-info{background:#d1ecf1;color:#0c5460}.actions{display:flex;gap:.5rem;align-items:center}@media (max-width:768px){header nav{gap:.5rem}header nav a{padding:.4rem .8rem;font-size:.9rem}main{padding:0 1rem}.disposition-grid,.grid{grid-template-columns:1fr}table{font-size:.9rem}td,th{padding:.75rem}.login-box{padding:2rem}}.app-header{position:fixed;top:0;left:0;right:0;height:90px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);z-index:1000;border-bottom:1px solid #e5e7eb}.header-content{height:100%;padding:0 2rem;justify-content:space-between;max-width:100%}.header-content,.header-left{display:flex;align-items:center}.company-name{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.header-right,.logo-link{display:flex;align-items:center}.logo-link{transition:opacity .3s ease}.logo-link:hover{opacity:.8}.logo-image{height:auto;max-height:90px;width:auto}@media (max-width:768px){.header-content{padding:0 1rem}.company-name{font-size:1rem}.logo-image{max-height:140px}}@media (max-width:480px){.company-name{display:none}.header-content{justify-content:flex-end}}