html{overflow-x:hidden}*{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;overflow-x:hidden}canvas,img,svg,video{max-width:100%}.container{max-width:1200px;margin:0 auto;padding:20px}.header{background:#fff;border-bottom:1px solid #e0e0e0;padding:15px 0;margin-bottom:20px}.header-content{justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 20px}.header-content,.logo{display:flex;align-items:center}.logo{font-size:24px;font-weight:700;color:#24292e;text-decoration:none}.nav{display:flex;gap:20px;align-items:center}.nav-link{color:#586069;text-decoration:none;padding:8px 12px;border-radius:4px;transition:background .2s}.nav-link:hover{background:#f0f0f0}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.btn-primary{background:#28a745;color:#fff}.btn-primary:hover{background:#22863a}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.card{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.card-title{font-size:18px;font-weight:600;color:#24292e}.card-title,.form-group{margin-bottom:15px}.form-label{display:block;margin-bottom:5px;font-weight:500;color:#24292e}.form-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px}.form-input:focus{outline:none;border-color:#28a745;box-shadow:0 0 0 3px rgba(40,167,69,.1)}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:24px}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%}input:checked+.slider{background-color:#28a745}input:checked+.slider:before{transform:translateX(20px)}.stats{display:flex;gap:20px;margin-bottom:20px}.stat-item{flex:1 1;background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.stat-label{font-size:14px;color:#586069;margin-bottom:8px}.stat-value{font-size:24px;font-weight:700;color:#24292e}.user-info{display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:50%}.loading{text-align:center;padding:40px;color:#586069}.error{background:#ffeaea;color:#c33}.error,.success{padding:12px;border-radius:4px;margin-bottom:20px}.success{background:#e6ffed;color:#28a745}.responsive-page-shell{width:100%}.responsive-main-grid{display:flex;gap:20px;align-items:flex-start}.responsive-side-column{width:280px;flex-shrink:0}.responsive-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:20px;gap:20px}.responsive-article{max-width:900px;margin:0 auto;padding:40px 20px}.responsive-article-card{max-width:800px;margin:0 auto;padding:40px 20px;background-color:#fff;border-radius:8px}.responsive-title-xl{font-size:36px;line-height:1.25}.responsive-title-lg{font-size:32px;line-height:1.3}.responsive-actions{flex-wrap:wrap}.responsive-actions,.responsive-project-card{display:flex;gap:12px}.responsive-project-body{flex:1 1;min-width:0}.responsive-project-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.responsive-inline-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}@media (max-width:768px){.header-content{flex-direction:column;gap:15px}.nav{flex-wrap:wrap;justify-content:center}.stats{flex-direction:column}.card{padding:16px;margin-bottom:16px}.nav-link{font-size:14px;padding:8px 10px}.responsive-main-grid{flex-direction:column}.responsive-side-column{width:100%}.responsive-article,.responsive-article-card{padding:24px 16px}.responsive-title-xl{font-size:28px}.responsive-title-lg{font-size:26px}.responsive-project-card{flex-direction:column}.responsive-project-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}}@media (max-width:640px){.header{padding:12px 0;margin-bottom:16px}.header-content{padding:0 12px}.logo{font-size:20px}.nav{gap:6px}.nav-link{font-size:13px;padding:7px 9px}.responsive-card-grid{grid-template-columns:1fr;gap:16px}.responsive-title-xl{font-size:24px}.responsive-title-lg{font-size:22px}.responsive-inline-meta{gap:10px}}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}