@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.informations-container{padding:1.5rem}.color-controls{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.informations-container{padding:1rem}.page-topbar{text-align:center;flex-direction:column;gap:1rem}.page-title-block h1{font-size:1.3rem}.page-topbar-spacer{display:none}.back-button{justify-content:center;width:100%}.info-card-header,.theme-card-header{text-align:center;flex-direction:column;gap:1rem}.info-card-title,.theme-card-title{text-align:center;flex-direction:column}.info-details-grid{grid-template-columns:1fr;padding:1rem}.form-row{grid-template-columns:1fr;gap:0}.color-controls,.style-controls{grid-template-columns:1fr}.info-edit-mode,.theme-edit-mode,.info-view-mode,.theme-view-mode,.info-avatar-section{padding:1rem}.info-avatar,.info-avatar-placeholder{width:90px;height:90px}.info-name{font-size:1.2rem}.theme-color-preview{width:calc(50% - .5rem)}.form-actions,.theme-actions{flex-direction:column}.cancel-btn,.save-btn,.delete-confirm-btn{text-align:center;width:100%}.color-control{flex-wrap:wrap}.color-control label{min-width:100%}.button-style-demo{flex-direction:column}.style-btn{text-align:center;width:100%}}@media (width<=480px){.informations-container{padding:.75rem}.info-card-header,.theme-card-header{padding:1rem}.theme-preview-row{flex-direction:column}.theme-color-preview{width:100%}}@keyframes bgGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}.landing-container{color:#1f2937;background:linear-gradient(-45deg,#ff6b35,#ff8c42,#ffb347,#ffd194) 0 0/400% 400%;flex-direction:column;min-height:100vh;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;animation:15s infinite bgGradient;display:flex;position:relative;overflow-x:hidden}.landing-container:before{content:"";opacity:.2;pointer-events:none;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1440 320\"><path fill=\"rgba(255,255,255,0.15)\" fill-opacity=\"1\" d=\"M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,154.7C960,171,1056,181,1152,165.3C1248,149,1344,107,1392,85.3L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"></path></svg>") bottom/cover no-repeat;position:absolute;inset:0}.landing-container:after{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#ff8c421a 0%,#0000 50%);position:absolute;inset:0}.landing-header{text-align:center;z-index:1;padding:3rem 2rem 2rem;position:relative}.landing-header img{filter:drop-shadow(0 4px 8px #0003);width:150px;height:225px;margin-bottom:1rem;transition:all .3s;animation:3s ease-in-out infinite float}.landing-header img:hover{transform:scale(1.05)rotate(5deg)}.landing-header h1{background:linear-gradient(135deg,#fff 0%,#fff4ec 100%);color:#0000;text-shadow:0 2px 4px #0000001a;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:4rem;font-weight:800}.landing-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.landing-buttons button{cursor:pointer;border:none;border-radius:12px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.landing-buttons button:first-child{color:#ff8c42;background:#fff;box-shadow:0 4px 15px #0000001a}.landing-buttons button:first-child:hover{background:#fffaf5;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.landing-buttons button:last-child{color:#fff;background:linear-gradient(135deg,#ff8c42 0%,#ff6b35 100%);box-shadow:0 4px 15px #ff8c4266}.landing-buttons button:last-child:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff8c4280}.landing-buttons button:active{transform:translateY(0)}.landing-buttons button:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-buttons button:active:before{width:300px;height:300px}.landing-hero{text-align:center;z-index:1;padding:4rem 2rem;position:relative}.landing-hero p{color:#fff;text-shadow:0 2px 4px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;border-radius:60px;max-width:800px;margin:0 auto;padding:1.5rem 2rem;font-size:1.5rem;font-weight:500;animation:.8s ease-out fadeInUp;display:inline-block}.landing-features{z-index:1;opacity:0;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;width:100%;max-width:1400px;margin:0 auto;padding:4rem 3rem;animation:.8s ease-out .3s forwards fadeInUp;display:grid;position:relative}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001a}.feature-card:before{content:"";background:linear-gradient(90deg,#0000,#ff8c421a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.feature-card:hover:before{left:100%}.feature-card:hover{border-color:#ff8c424d;transform:translateY(-8px)scale(1.02);box-shadow:0 30px 50px #00000026}.feature-card h3{color:#ff8c42;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.feature-card p{color:#4a5568;font-size:.95rem;line-height:1.6}.feature-card h3 span{vertical-align:middle;margin-right:.5rem;font-size:1.8rem;display:inline-block}.landing-container{cursor:default}@media (width<=768px){.landing-header h1{font-size:2.5rem}.landing-hero p{padding:1rem 1.5rem;font-size:1.2rem}.landing-features{gap:1.5rem;padding:2rem 1.5rem}.feature-card{padding:1.5rem}.landing-buttons button{padding:.8rem 1.5rem}}@media (width<=480px){.landing-header h1{font-size:2rem}.landing-header img{width:60px;height:60px}.landing-hero p{border-radius:30px;font-size:1rem}.landing-buttons{flex-direction:column;align-items:center}.landing-buttons button{width:80%;margin:.5rem 0}}.landing-footer{text-align:center;color:#fffffff2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1;background:#00000026;margin-top:auto;padding:2rem;font-size:.9rem;position:relative}:root{--primary:#ff8c42;--primary-dark:#ff6b35;--primary-light:#ffb347;--dark:#1e293b;--light-bg:#fffaf5;--text:#334155;--text-light:#64748b;--white:#fff;--shadow:0 10px 25px -5px #0000001a, 0 8px 10px -6px #00000005;--shadow-hover:0 20px 40px -12px #ff8c4240}.dashboard-container{flex-direction:column;justify-content:center;max-width:500px;min-height:100vh;margin:0 auto;padding:2rem;display:flex;position:relative}.dashboard-container:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 40%,#ff8c4214 0%,#0000 50%);width:200%;height:200%;position:fixed;top:-50%;right:-50%}.dashboard-container:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 80% 60%,#ff6b350d 0%,#0000 50%);width:200%;height:200%;position:fixed;bottom:-50%;left:-50%}.dashboard-header{text-align:center;margin-bottom:2.5rem}.dashboard-header h1{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);color:#0000;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:.8rem;font-size:2.5rem;font-weight:800}.dashboard-header p{color:var(--text-light);font-size:1rem;font-weight:500}.dashboard-footer{text-align:center;color:var(--text-light);border-top:1px solid #ff8c4233;margin-top:3rem;padding-top:1.5rem;font-size:.85rem}.login-form{background:var(--white);box-shadow:var(--shadow);border:1px solid #ff8c421a;border-radius:24px;flex-direction:column;gap:1.5rem;padding:2.5rem;transition:all .3s;display:flex}.login-form:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.login-form label{color:var(--dark);flex-direction:column;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.login-input{background:var(--white);width:100%;color:var(--dark);border:2px solid #e2e8f0;border-radius:12px;padding:.9rem 1rem;font-family:inherit;font-size:1rem;transition:all .3s}.login-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #ff8c421a}.checkbox-label{cursor:pointer;align-items:center;margin-top:.5rem;flex-direction:row!important;gap:.75rem!important}.login-checkbox{appearance:none;border:2px solid var(--primary);cursor:pointer;background-color:#fff;border-radius:6px;flex-shrink:0;width:20px;height:20px;transition:all .2s;position:relative}.login-checkbox:checked{background-color:var(--primary);border-color:var(--primary)}.login-checkbox:checked:after{content:"✓";color:#fff;font-size:13px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-checkbox:hover{border-color:var(--primary-dark);transform:scale(1.05)}.forgot-password{text-align:right;margin-top:-.5rem}.forgot-password a{color:var(--primary);font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s}.forgot-password a:hover{color:var(--primary-dark);text-decoration:underline}.action-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;margin-top:.5rem;padding:1rem;font-family:inherit;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 12px #ff8c424d}.action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff8c4266}.action-btn:active{transform:translateY(0)}.error-message{color:#dc2626;text-align:center;background:#fee2e2;border-left:3px solid #dc2626;border-radius:10px;padding:.75rem;font-size:.85rem;font-weight:500}.register-link{text-align:center;color:var(--text-light);margin-top:1rem;font-size:.9rem}.register-link a{color:var(--primary);font-weight:600;text-decoration:none;transition:color .2s}.register-link a:hover{color:var(--primary-dark);text-decoration:underline}@media (width<=600px){.dashboard-container{justify-content:flex-start;padding:3rem 1rem 1rem}.login-form{padding:1.5rem}.dashboard-header h1{font-size:1.8rem}.dashboard-header p{font-size:.9rem}.action-btn{width:100%;font-size:.95rem}.login-input{padding:.8rem}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.login-form{animation:.5s ease-out fadeInScale}:root{--primary:#ff8c42;--primary-dark:#ff6b35;--primary-light:#ffb347;--dark:#1e293b;--light-bg:#fffaf5;--text:#334155;--text-light:#64748b;--white:#fff;--shadow:0 10px 25px -5px #0000001a, 0 8px 10px -6px #00000005;--shadow-hover:0 20px 40px -12px #ff8c4240;--success:#10b981;--error:#ef4444}body{color:var(--text);background:linear-gradient(135deg,#fffaf5 0%,#fff4ec 100%);min-height:100vh;margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6}.register-container{flex-direction:column;justify-content:center;max-width:550px;min-height:100vh;margin:0 auto;padding:2rem;display:flex;position:relative}.register-container:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 40%,#ff8c4214 0%,#0000 50%);width:200%;height:200%;position:fixed;top:-50%;right:-50%}.register-container:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 80% 60%,#ff6b350d 0%,#0000 50%);width:200%;height:200%;position:fixed;bottom:-50%;left:-50%}.register-header{text-align:center;margin-bottom:2.5rem}.register-header h1{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);color:#0000;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:.8rem;font-size:2.5rem;font-weight:800}.register-header p{color:var(--text-light);font-size:1rem;font-weight:500}.register-footer{text-align:center;color:var(--text-light);border-top:1px solid #ff8c4233;margin-top:3rem;padding-top:1.5rem;font-size:.85rem}.register-form{background:var(--white);box-shadow:var(--shadow);border:1px solid #ff8c421a;border-radius:24px;flex-direction:column;gap:1.5rem;padding:2.5rem;transition:all .3s;display:flex}.register-form:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.register-form label{color:var(--dark);flex-direction:column;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.register-input{background:var(--white);width:100%;color:var(--dark);box-sizing:border-box;border:2px solid #e2e8f0;border-radius:12px;padding:.9rem 1rem;font-family:inherit;font-size:1rem;transition:all .3s}.register-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #ff8c421a}.register-input::placeholder{color:#cbd5e1;font-size:.9rem}.register-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;margin-top:.5rem;padding:1rem;font-family:inherit;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 12px #ff8c424d}.register-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff8c4266}.register-btn:active{transform:translateY(0)}.error-message{color:var(--error);text-align:center;border-left:3px solid var(--error);background:#fee2e2;border-radius:10px;padding:.75rem;font-size:.85rem;font-weight:500}.success-message{color:var(--success);text-align:center;border-left:3px solid var(--success);background:#d1fae5;border-radius:10px;padding:.75rem;font-size:.85rem;font-weight:500}.login-link{text-align:center;color:var(--text-light);margin-top:.5rem;font-size:.9rem}.login-link a{color:var(--primary);font-weight:600;text-decoration:none;transition:color .2s}.login-link a:hover{color:var(--primary-dark);text-decoration:underline}input[type=password]{letter-spacing:.1em}@media (width<=600px){.register-container{justify-content:flex-start;padding:3rem 1rem 1rem}.register-form{padding:1.5rem}.register-header h1{font-size:1.8rem}.register-header p{font-size:.9rem}.register-btn{width:100%;font-size:.95rem}.register-input{padding:.8rem}}.register-form{animation:.5s ease-out fadeInScale}.register-input:valid:not(:placeholder-shown){border-color:var(--success)}.register-input:invalid:not(:placeholder-shown){border-color:var(--error)}.password-strength{margin-top:.25rem;padding-left:.5rem;font-size:.75rem}.password-strength.weak{color:var(--error)}.password-strength.medium{color:var(--primary)}.password-strength.strong{color:var(--success)}:root{--primary:#ff8c42;--primary-dark:#ff6b35;--primary-light:#ffb347;--dark:#1e293b;--light-bg:#fffaf5;--text:#334155;--text-light:#64748b;--white:#fff;--shadow:0 10px 25px -5px #0000001a;--shadow-sm:0 4px 6px -1px #0000000d;--shadow-hover:0 20px 40px -12px #ff8c4240}body{color:var(--text);background:linear-gradient(135deg,#fffaf5 0%,#fff4ec 100%);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6}.home-container{flex-direction:column;max-width:1400px;min-height:100vh;margin:0 auto;padding:2rem;display:flex;position:relative}.home-container:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 40%,#ff8c4214 0%,#0000 50%);width:200%;height:200%;position:fixed;top:-50%;right:-50%}.home-header{background:var(--white);box-shadow:var(--shadow-sm);border:1px solid #ff8c421a;border-radius:20px;margin-bottom:2rem;padding:1.5rem 2rem}.header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.home-header h1{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.3rem;font-size:2rem;font-weight:800}.home-header p{color:var(--text-light);font-size:.95rem}.header-date{color:var(--primary);background:#ff8c421a;border-radius:12px;padding:.5rem 1rem;font-size:.9rem;font-weight:500}.widgets-section{margin-bottom:3rem}.widgets-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.widget-card{background:var(--white);box-shadow:var(--shadow-sm);border:1px solid #ff8c421a;border-radius:20px;flex-direction:column;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.widget-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--primary-light));height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.widget-card:hover:before{transform:scaleX(1)}.widget-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)}.widget-icon{border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1rem;display:flex}.widget-icon span{font-size:2rem}.widget-content{flex:1}.widget-card h3{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;font-size:1rem;font-weight:600}.widget-value{margin-bottom:.5rem}.widget-value .value{color:var(--dark);font-size:2.5rem;font-weight:800;line-height:1}.widget-value .unit{color:var(--primary);margin-left:.2rem;font-size:1.2rem;font-weight:600}.widget-description{color:var(--text-light);margin-bottom:1rem;font-size:.85rem}.widget-button{border:2px solid var(--primary);color:var(--primary);cursor:pointer;background:0 0;border-radius:10px;width:fit-content;margin-top:.5rem;padding:.6rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .3s}.widget-button:hover{background:var(--primary);color:#fff;transform:translate(5px)}.quick-actions{margin-bottom:2rem}.quick-actions h2{color:var(--dark);border-left:4px solid var(--primary);margin-bottom:1rem;padding-left:.5rem;font-size:1.3rem;font-weight:700}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.action-card{background:var(--white);cursor:pointer;color:var(--text);box-shadow:var(--shadow-sm);border:1px solid #ff8c421a;border-radius:15px;align-items:center;gap:.75rem;padding:1rem;font-family:inherit;font-weight:500;transition:all .3s;display:flex}.action-card:hover{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;box-shadow:var(--shadow-hover);border-color:#0000;transform:translateY(-2px)}.action-icon{font-size:1.3rem}.home-footer{text-align:center;color:var(--text-light);border-top:1px solid #ff8c4233;margin-top:auto;padding-top:2rem;font-size:.85rem}@media (width<=768px){.home-container,.home-header{padding:1rem}.header-content{flex-direction:column;align-items:flex-start}.home-header h1{font-size:1.5rem}.widgets-grid{grid-template-columns:1fr;gap:1rem}.actions-grid{grid-template-columns:repeat(2,1fr)}.widget-value .value{font-size:2rem}}@media (width<=480px){.actions-grid{grid-template-columns:1fr}.widget-card{padding:1rem}.widget-icon{width:50px;height:50px}.widget-icon span{font-size:1.5rem}}.widget-card{animation:.5s ease-out fadeInUp}:root{--primary:#ff8c42;--primary-dark:#ff6b35;--primary-light:#ffb347;--dark:#1e293b;--light-bg:#fffaf5;--text:#334155;--text-light:#64748b;--white:#fff;--shadow:0 20px 40px -12px #0000001a;--shadow-sm:0 4px 12px #0000000d;--shadow-hover:0 24px 48px -12px #ff8c4240;--success:#10b981;--error:#ef4444;--border-radius:24px;--border-radius-sm:12px}*{box-sizing:border-box;margin:0;padding:0}.informations-container{background:linear-gradient(135deg,#fffaf5 0%,#fff4ec 100%);min-height:100vh;padding:2rem}.page-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;max-width:1400px;margin:0 auto 2rem;display:flex}.back-button{color:var(--primary);cursor:pointer;white-space:nowrap;background:#ffffffe6;border:1px solid #ff8c4233;border-radius:40px;padding:.7rem 1.5rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .3s}.back-button:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translate(-5px)}.page-title-block{text-align:center;flex:1}.page-title-block h1{background:linear-gradient(135deg,#ff6b35 0%,#ff8c42 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.page-title-block p{color:var(--text-light);font-size:.9rem}.page-topbar-spacer{width:120px}.success-message,.error-message{text-align:center;cursor:pointer;border-radius:12px;max-width:1400px;margin:0 auto 1.5rem;padding:.8rem 1rem;font-weight:500;transition:all .3s}.success-message{color:var(--success);border-left:3px solid var(--success);background:#d1fae5}.error-message{color:var(--error);border-left:3px solid var(--error);background:#fee2e2}.info-card,.theme-card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);max-width:1400px;margin:0 auto 2rem;transition:all .3s;overflow:hidden}.info-card:hover,.theme-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.info-card-header,.theme-card-header{background:linear-gradient(135deg,#fef9f5 0%,#fff 100%);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.info-card-title,.theme-card-title{align-items:center;gap:1rem;display:flex}.info-card-icon,.theme-card-icon{font-size:1.8rem}.info-card-title h2,.theme-card-title h2{color:var(--dark);margin-bottom:.2rem;font-size:1.3rem;font-weight:700}.theme-card-title p{color:var(--text-light);font-size:.85rem}.edit-info-btn,.edit-theme-btn{border:1px solid var(--primary);color:var(--primary);cursor:pointer;background:0 0;border-radius:40px;padding:.5rem 1.2rem;font-size:.85rem;font-weight:500;transition:all .3s}.edit-info-btn:hover,.edit-theme-btn:hover{background:var(--primary);color:#fff;transform:scale(1.05)}.info-view-mode{animation:.4s fadeIn}.info-avatar-section{text-align:center;background:linear-gradient(135deg,#fef9f5 0%,#fff 100%);padding:2rem}.info-avatar,.info-avatar-placeholder{object-fit:cover;border-radius:60px;width:120px;height:120px;margin:0 auto 1rem;box-shadow:0 8px 20px #0000001a}.info-avatar-placeholder{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);justify-content:center;align-items:center;margin:0 auto 1rem;font-size:3rem;display:flex}.info-name{color:var(--dark);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.info-tagline{color:var(--primary);font-size:.9rem;font-weight:500}.info-details-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:2rem;display:grid}.info-detail-item{border-radius:var(--border-radius-sm);background:#f8f9fa;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s;display:flex}.info-detail-item:hover{background:#ff8c420d;transform:translate(5px)}.detail-label{text-transform:uppercase;letter-spacing:1px;color:var(--primary);font-size:.75rem;font-weight:600}.detail-value{color:var(--dark);font-size:1rem;font-weight:500}.info-edit-mode{padding:2rem;animation:.4s fadeIn}.info-avatar-edit{text-align:center;margin-bottom:2rem}.info-avatar-loading{background:#f8f9fa;border-radius:60px;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 1rem;display:flex}.spinner-small{border:3px solid #ff8c4233;border-top-color:var(--primary);border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin}.upload-logo-btn{cursor:pointer;background:#f1f3f5;border-radius:40px;margin-top:.5rem;padding:.5rem 1rem;font-size:.85rem;transition:all .3s;display:inline-block}.upload-logo-btn:hover{background:var(--primary);color:#fff}.info-form{max-width:800px;margin:0 auto}.form-input,.form-textarea,.form-select{border-radius:var(--border-radius-sm);border:2px solid #e2e8f0;width:100%;padding:.8rem 1rem;font-family:inherit;font-size:.9rem;transition:all .3s}.form-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;display:flex}.theme-view-mode{padding:2rem;animation:.4s fadeIn}.theme-preview-row{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.theme-color-preview{border-radius:var(--border-radius-sm);color:#fff;text-shadow:0 1px 2px #0003;justify-content:center;align-items:center;width:120px;height:80px;font-size:.8rem;font-weight:600;transition:transform .3s;display:flex}.theme-color-preview:hover{transform:scale(1.05)}.theme-color-preview span{background:#00000080;border-radius:20px;padding:.2rem .5rem}.theme-info{border-radius:var(--border-radius-sm);color:var(--text-light);background:#f8f9fa;gap:1rem;padding:1rem;font-size:.85rem;display:flex}.theme-edit-mode{padding:2rem;animation:.4s fadeIn}.color-controls{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.color-control{border-radius:var(--border-radius-sm);background:#f8f9fa;align-items:center;gap:1rem;padding:.8rem;display:flex}.color-control label{min-width:80px;color:var(--dark);font-size:.85rem;font-weight:600}.color-control input[type=color]{cursor:pointer;border:2px solid #e2e8f0;border-radius:8px;width:50px;height:40px}.color-value{color:var(--text-light);font-family:monospace;font-size:.8rem}.style-controls{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.style-control label{color:var(--dark);margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.button-style-demo{flex-wrap:wrap;gap:.5rem;display:flex}.style-btn{color:#fff;cursor:pointer;border:none;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .3s}.style-btn.active{transform:scale(1.05);box-shadow:0 4px 12px #0003}.theme-live-preview{border-radius:var(--border-radius-sm);border:2px solid #e2e8f0;margin-top:2rem;padding:1.5rem;transition:all .3s}.theme-live-preview:hover{border-color:var(--primary)}.preview-header{border-bottom:1px solid #e2e8f0;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-weight:600;display:flex}.preview-menu-item{border-bottom:1px dashed #e2e8f0;justify-content:space-between;margin-bottom:1rem;padding:.5rem 0;display:flex}.preview-button{color:#fff;cursor:pointer;border:none;width:100%;padding:.8rem 1.5rem;font-weight:600;transition:all .3s}.preview-button:hover{opacity:.9;transform:translateY(-2px)}.theme-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.cancel-btn,.save-btn,.delete-confirm-btn{cursor:pointer;border-radius:40px;padding:.8rem 1.5rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .3s}.cancel-btn:hover:not(:disabled){border-color:var(--error);color:var(--error)}.save-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;border:none;box-shadow:0 4px 12px #ff8c424d}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #ff8c4266}.delete-confirm-btn{background:linear-gradient(135deg, var(--error) 0%, #dc2626 100%);color:#fff;border:none}.delete-confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.save-btn:disabled,.cancel-btn:disabled,.delete-confirm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.informations-loading,.loading-container{background:linear-gradient(135deg,#fffaf5 0%,#fff4ec 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.loader,.loading-spinner{border:4px solid #ff8c4233;border-top-color:var(--primary);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.theme-loading{text-align:center;color:var(--text-light);padding:2rem}@media (width<=1024px){.informations-container{padding:1.5rem}.color-controls{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.informations-container{padding:1rem}.page-topbar{text-align:center;flex-direction:column;gap:1rem}.page-title-block h1{font-size:1.3rem}.page-topbar-spacer{display:none}.back-button{justify-content:center;width:100%}.info-card-header,.theme-card-header{text-align:center;flex-direction:column;gap:1rem}.info-card-title,.theme-card-title{text-align:center;flex-direction:column}.info-details-grid{grid-template-columns:1fr;padding:1rem}.form-row{grid-template-columns:1fr;gap:0}.color-controls,.style-controls{grid-template-columns:1fr}.info-edit-mode,.theme-edit-mode,.info-view-mode,.theme-view-mode,.info-avatar-section{padding:1rem}.info-avatar,.info-avatar-placeholder{width:90px;height:90px}.info-name{font-size:1.2rem}.theme-color-preview{width:calc(50% - .5rem)}.form-actions,.theme-actions{flex-direction:column}.cancel-btn,.save-btn,.delete-confirm-btn{text-align:center;width:100%}.color-control{flex-wrap:wrap}.color-control label{min-width:100%}.button-style-demo{flex-direction:column}.style-btn{text-align:center;width:100%}}@media (width<=480px){.informations-container{padding:.75rem}.info-card-header,.theme-card-header{padding:1rem}.theme-preview-row{flex-direction:column}.theme-color-preview{width:100%}}button:focus-visible,.form-input:focus-visible,.form-select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f3f5;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.menu-container{background:linear-gradient(135deg,#fffaf5 0%,#fff4ec 100%);min-height:100vh;padding:2rem}.loading-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.loading-container p{color:#fff;margin-top:1rem;font-size:1rem;font-weight:500}.menu-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;max-width:1400px;margin:0 auto 3rem;display:flex}.back-button{color:#ff8c42;cursor:pointer;background:#ffffffe6;border:1px solid #ff8c4233;border-radius:40px;padding:.7rem 1.5rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .3s}.back-button:hover{color:#fff;background:#ff8c42;border-color:#ff8c42}.menu-header-center{text-align:center}.menu-header-center h1{background:linear-gradient(135deg,#ff6b35 0%,#ff8c42 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:800}.menu-header-center p{color:#64748b;font-size:.9rem}.create-button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#ff8c42 0%,#ff6b35 100%);border:none;border-radius:40px;padding:.8rem 1.5rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #ff8c424d}.create-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff8c4266}.success-message,.error-message{text-align:center;border-radius:12px;max-width:1400px;margin:0 auto 1.5rem;padding:.8rem 1rem;font-weight:500}.success-message{color:#10b981;background:#d1fae5;border-left:3px solid #10b981}.error-message{color:#ef4444;background:#fee2e2;border-left:3px solid #ef4444}.category-filters{border-bottom:1px solid #ff8c4233;flex-wrap:wrap;justify-content:center;gap:.8rem;max-width:1400px;margin:0 auto 2.5rem;padding-bottom:1rem;display:flex}.filter-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #ff8c4233;border-radius:40px;padding:.6rem 1.2rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .3s}.filter-btn:hover{background:#ff8c421a;border-color:#ff8c42}.filter-btn.active{color:#fff;background:linear-gradient(135deg,#ff8c42 0%,#ff6b35 100%);border-color:#0000}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem;max-width:1400px;margin:0 auto;display:grid}.menu-card{background:#fff;border-radius:24px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 20px 40px -12px #0000001a}.menu-card.unavailable{opacity:.6;background:#f8f9fa}.menu-card:hover{transform:translateY(-5px);box-shadow:0 24px 48px -12px #ff8c4240}.menu-card-badge{gap:.5rem;padding:1rem 1rem 0;display:flex}.category-badge{color:#fff;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#ff8c42 0%,#ff6b35 100%);border-radius:20px;padding:.3rem .8rem;font-size:.7rem;font-weight:600}.unavailable-badge{color:#fff;background:#ef4444;border-radius:20px;padding:.3rem .8rem;font-size:.7rem;font-weight:600}.menu-card-content{padding:1rem 1.5rem 1.5rem}.menu-card-content h3{color:#1e293b;margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.menu-card-content p{color:#64748b;margin-bottom:1rem;font-size:.85rem;line-height:1.5}.menu-card-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;display:flex}.price{color:#ff8c42;font-size:1.3rem;font-weight:700}.card-actions{gap:.5rem;display:flex}.card-actions button{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem;font-size:1.2rem;transition:all .3s}.toggle-available:hover{background:#d1fae5}.edit-btn:hover{background:#ff8c421a}.delete-btn:hover{background:#fee2e2}.empty-state{text-align:center;background:#fff;border-radius:32px;max-width:500px;margin:3rem auto;padding:4rem 2rem;box-shadow:0 20px 40px -12px #0000001a}.empty-icon{margin-bottom:1rem;font-size:4rem}.empty-state h3{color:#1e293b;margin-bottom:.5rem;font-size:1.3rem}.empty-state p{color:#64748b}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:32px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px -12px #0003}.modal-content.delete-confirm{max-width:400px}.modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h2{color:#1e293b;font-size:1.3rem;font-weight:700}.modal-close{cursor:pointer;color:#64748b;background:0 0;border:none;font-size:2rem;line-height:1;transition:all .3s}.modal-close:hover{color:#ef4444;transform:rotate(90deg)}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;display:flex}.form-group{margin-bottom:1.2rem}.form-group label{color:#1e293b;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.form-input,.form-textarea,.form-select{border:2px solid #e2e8f0;border-radius:12px;width:100%;padding:.8rem 1rem;font-family:inherit;font-size:.9rem;transition:all .3s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:#ff8c42;outline:none;box-shadow:0 0 0 3px #ff8c421a}.form-textarea{resize:vertical}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group-toggle{background:linear-gradient(135deg,#f8f9fa 0%,#f1f3f5 100%);border:1px solid #ff8c4233;border-radius:16px;margin-bottom:1.5rem;padding:1rem}.switch{width:60px;height:30px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e1;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:24px;height:24px;transition:all .4s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}input:checked+.slider{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}input:checked+.slider:before{transform:translate(30px)}.toggle-status{border-radius:20px;align-items:center;gap:.3rem;padding:.3rem .8rem;font-size:.75rem;font-weight:600;display:inline-flex}.toggle-status.available{color:#059669;background:#d1fae5}.toggle-status.unavailable{color:#dc2626;background:#fee2e2}.toggle-description{color:#64748b;border-left:2px solid #ff8c42;margin-top:.5rem;padding-left:.5rem;font-size:.75rem}.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;display:flex}.checkbox-label input{cursor:pointer;accent-color:#ff8c42;width:18px;height:18px}.delete-warning{color:#ef4444;text-align:center;margin-top:.5rem;font-size:.85rem}.delete-confirm-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:40px;padding:.8rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s}.delete-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.cancel-btn,.save-btn{cursor:pointer;border-radius:40px;padding:.8rem 1.5rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .3s}.cancel-btn{color:#334155;background:#fff;border:2px solid #e2e8f0}.cancel-btn:hover{color:#ef4444;border-color:#ef4444}.save-btn{color:#fff;background:linear-gradient(135deg,#ff8c42 0%,#ff6b35 100%);border:none;box-shadow:0 4px 12px #ff8c424d}.save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff8c4266}.save-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f3f5;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:#ff8c42;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#ff6b35}@media (width<=768px){.menu-container{padding:1rem}.menu-header{text-align:center;flex-direction:column}.menu-header-center h1{font-size:1.5rem}.create-button{width:100%}.menu-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr;gap:0}.category-filters{gap:.5rem}.filter-btn{padding:.4rem 1rem;font-size:.8rem}.form-group-toggle{padding:.75rem}.switch{width:50px;height:26px}.slider:before{width:20px;height:20px}input:checked+.slider:before{transform:translate(24px)}.modal-content{max-width:95%;margin:1rem}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.menu-card{animation:.3s ease-out slideIn}button:focus-visible,.filter-btn:focus-visible,.form-input:focus-visible{outline-offset:2px;outline:2px solid #ff8c42}.informations-container{max-width:var(--container-md);padding:var(--spacing-xl);min-height:100vh;margin:0 auto}.logo-container{width:120px;height:120px;margin:0 auto var(--spacing-lg);background:var(--white);box-shadow:var(--shadow);border:3px solid var(--primary);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.logo-container img{object-fit:cover;width:100%;height:100%}.info-section{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--gray-light);border-radius:var(--radius-xl);transition:all var(--transition);display:flex}.info-section:hover{background:var(--primary-bg-light);transform:translate(5px)}.section-icon{background:var(--white);border-radius:var(--radius-lg);width:50px;height:50px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;font-size:2rem;display:flex}.section-content h3{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:1px;color:var(--text-light);margin-bottom:var(--spacing-sm)}.edit-card h3{font-size:var(--font-lg);color:var(--dark);margin-bottom:var(--spacing-lg);align-items:center;gap:var(--spacing-sm);font-weight:700;display:flex}.logo-edit{gap:var(--spacing-md);flex-wrap:wrap;align-items:center;display:flex}.logo-preview{border-radius:var(--radius-lg);background:var(--gray-light);border:2px solid var(--primary-bg-light);width:80px;height:80px;overflow:hidden}.upload-btn{border-radius:var(--radius-full);cursor:pointer;font-size:var(--font-sm);transition:all var(--transition);background:#f1f5f9;padding:.6rem 1.2rem;font-weight:500}.upload-btn:hover{background:var(--primary);color:#fff}.edit-actions{gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-md);border-top:1px solid var(--gray-border);justify-content:flex-end;display:flex}.menu-image-wrap{border-bottom:1px solid #e2e8f0;width:100%;height:180px;overflow:hidden}.profile-card-actions{justify-content:center;padding:1rem 1.5rem 0;display:flex}.profile-card-actions .edit-button{min-width:180px}.informations-header{justify-content:center!important}.informations-header-center{text-align:center}.page-topbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;max-width:1400px;margin:0 auto 2rem;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;display:grid}.page-title-block{text-align:center}.page-title-block h1{letter-spacing:-.01em;background:linear-gradient(135deg,#ff6b35 0%,#ff8c42 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.35rem;font-size:2rem;font-weight:800;line-height:1.2}.page-title-block p{color:#64748b;margin:0;font-size:.9rem;font-weight:500}.page-topbar-action{justify-self:end}.page-topbar .back-button{justify-self:start}.page-topbar .back-button,.page-topbar .create-button,.page-topbar .page-topbar-action{white-space:nowrap;justify-content:center;align-items:center;min-width:144px;height:42px;font-size:.9rem;font-weight:600;display:inline-flex}.menu-item-image{object-fit:cover;width:100%;height:100%;display:block}.theme-panel{background:#fff;border:1px solid #ff8c4233;border-radius:24px;margin-top:2rem;padding:1.5rem;box-shadow:0 10px 25px -5px #00000014}.theme-panel.compact{border-radius:18px;padding:1rem 1.2rem}.theme-panel.horizontal{background:linear-gradient(#fff 0%,#fffaf5 100%);flex-direction:column;gap:.6rem;display:flex}.theme-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.75rem;display:flex}.theme-panel h2{color:#1e293b;margin:0;font-size:1.05rem;font-weight:700}.theme-panel-hint{color:#64748b;font-size:.8rem}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:.75rem;display:grid}.theme-grid label{color:#334155;flex-direction:column;gap:.3rem;font-size:.8rem;display:flex}.theme-grid input,.theme-grid select{border:2px solid #e2e8f0;border-radius:8px;padding:.5rem .6rem;font-family:inherit;font-size:.85rem}.theme-inline-row{flex-wrap:wrap;align-items:end;gap:.6rem;display:flex}.theme-inline-row label{color:#334155;flex-direction:column;gap:.25rem;min-width:110px;font-size:.76rem;font-weight:600;display:flex}.theme-inline-row input[type=color]{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:44px;height:32px;padding:.1rem;transition:transform .2s,box-shadow .2s,border-color .2s}.theme-inline-row select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-width:120px;height:34px;padding:0 .55rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.theme-inline-row input[type=color]:hover,.theme-inline-row select:hover{border-color:#ffb347}.theme-inline-row input[type=color]:focus-visible,.theme-inline-row select:focus-visible{border-color:#ff8c42;outline:none;box-shadow:0 0 0 3px #ff8c422e}.theme-inline-row input[type=color]:active{transform:scale(.97)}.theme-save-inline{border-radius:10px;align-self:end;height:34px;padding:0 .9rem;font-size:.8rem;box-shadow:0 3px 10px #ff8c4240}.theme-save-inline:hover:not(:disabled){box-shadow:0 6px 16px #ff8c4259}.theme-save-inline:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}@media (width<=900px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.theme-grid{grid-template-columns:1fr}.theme-inline-row{align-items:stretch}.theme-inline-row label,.theme-inline-row select,.theme-save-inline{width:100%}}@media (width<=900px){.page-topbar{text-align:left;grid-template-columns:1fr;gap:.75rem}.page-title-block{text-align:left}.page-title-block h1{font-size:1.5rem}.page-topbar-action,.page-topbar .back-button{justify-self:start}}.commandes-container{max-width:1400px;min-height:100vh;margin:0 auto;padding:2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:#fff;border-radius:1rem;align-items:center;gap:1rem;padding:1rem;transition:transform .2s;display:flex;box-shadow:0 1px 3px #0000001a}.stat-card:hover{transform:translateY(-2px)}.stat-icon{font-size:2rem}.stat-info h3{color:#6b7280;margin:0;font-size:.85rem}.stat-info p{color:#1f2937;margin:0;font-size:1.5rem;font-weight:700}.status-filters{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.status-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;transition:all .2s;display:flex}.status-btn:hover{background:#f9fafb}.status-btn.active{color:#fff;background:#1f2937;border-color:#1f2937}.status-icon{font-size:1.1rem}.status-count{color:#fff;border-radius:1rem;margin-left:.5rem;padding:.2rem .5rem;font-size:.75rem}.orders-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;display:grid}.order-card{background:#fff;border-left:4px solid;border-radius:1rem;transition:all .3s;overflow:hidden;box-shadow:0 4px 6px #0000001a}.order-card.status-arrived{border-left-color:#3b82f6}.order-card.status-kitchen{border-left-color:#f59e0b}.order-card.status-ready{border-left-color:#10b981}.order-card.status-delivered{opacity:.7;border-left-color:#8b5cf6}.order-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:1rem;display:flex}.order-info h3{margin:0 0 .25rem;font-size:1.1rem}.order-id{color:#6b7280;margin:0;font-family:monospace;font-size:.75rem}.order-phone{color:#6b7280;margin:.25rem 0 0;font-size:.8rem}.order-status-badge{color:#fff;border-radius:2rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.order-items{border-bottom:1px solid #e5e7eb;max-height:200px;padding:1rem;overflow-y:auto}.order-item{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:flex-start;padding:.5rem 0;display:flex}.order-item:last-child{border-bottom:none}.order-item-info{flex-wrap:wrap;flex:1;align-items:baseline;gap:.5rem;display:flex}.order-item-quantity{color:#3b82f6;font-weight:700}.order-item-name{font-weight:500}.order-item-description{color:#6b7280;width:100%;margin-top:.25rem;font-size:.75rem}.order-item-price{color:#10b981;font-weight:500}.order-footer{background:#f9fafb;padding:1rem}.order-total{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem;display:flex}.order-total strong{color:#10b981;font-size:1.3rem}.order-actions{gap:.5rem;display:flex}.action-btn{cursor:pointer;border:none;border-radius:.5rem;flex:1;padding:.5rem;font-size:.85rem;font-weight:500;transition:all .2s}.action-btn.kitchen{color:#fff;background:#f59e0b}.action-btn.ready{color:#fff;background:#10b981}.action-btn.delivered{color:#fff;background:#8b5cf6}.action-btn.details{color:#fff;background:#6b7280}.modal-content.large{width:90%;max-width:900px}.menu-items-selector{border:1px solid #e5e7eb;border-radius:.5rem;max-height:400px;overflow-y:auto}.menu-select-item{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem;display:flex}.menu-select-item:last-child{border-bottom:none}.menu-select-info{flex:1}.menu-select-header{justify-content:space-between;align-items:baseline;margin-bottom:.25rem;display:flex}.menu-select-name{font-size:1rem;font-weight:600}.menu-select-price{color:#10b981;font-weight:600}.menu-select-description{color:#6b7280;margin:.25rem 0;font-size:.8rem}.menu-select-category{color:#6b7280;background:#f3f4f6;border-radius:.25rem;padding:.2rem .5rem;font-size:.7rem;display:inline-block}.menu-select-quantity{align-items:center;gap:.75rem;display:flex}.qty-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;width:32px;height:32px;font-size:1.2rem;font-weight:700;transition:all .2s}.qty-btn:hover{background:#f3f4f6}.qty-value{text-align:center;min-width:30px;font-size:1rem;font-weight:600}.form-section{margin-bottom:2rem}.form-section h3{color:#374151;margin-bottom:1rem;font-size:1rem}.order-summary{background:#f9fafb;border-radius:.5rem;padding:1rem}.summary-items{margin-bottom:1rem}.summary-item{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:.5rem 0;display:flex}.summary-total{border-top:2px solid #e5e7eb;justify-content:space-between;align-items:center;padding-top:.5rem;font-size:1.1rem;font-weight:700;display:flex}.summary-total strong{color:#10b981;font-size:1.2rem}.details-section{margin-bottom:1.5rem}.details-section h3{margin-bottom:.75rem;font-size:1rem}.detail-item{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:.5rem 0;display:flex}.detail-description{color:#6b7280;margin:.25rem 0 0;font-size:.75rem}.detail-total{border-top:2px solid #e5e7eb;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;font-size:1.1rem;font-weight:700;display:flex}.status-badge{color:#fff;border-radius:2rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}@media (width<=768px){.commandes-container{padding:1rem}.orders-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.menu-select-item{flex-direction:column;align-items:flex-start;gap:.5rem}.menu-select-quantity{align-self:flex-end}}.empty-menu-message{text-align:center;color:#92400e;background:#fef3c7;border-radius:.5rem;padding:2rem}.empty-menu-message p{margin:0;font-size:1rem}.empty-menu-submessage{opacity:.8;margin-top:.5rem!important;font-size:.85rem!important}.debug-info{color:#6b7280;background:#f3f4f6;border-radius:.25rem;margin-bottom:1rem;padding:.5rem;font-family:monospace;font-size:.75rem}